webdevbybayo's profile picture. Experienced Front end developer skilled in NextJS, Tailwind CSS, Git, Tanstack query, TypeScript, Playwright and Shadcn.

Akerele Adebayo🧘

@webdevbybayo

Experienced Front end developer skilled in NextJS, Tailwind CSS, Git, Tanstack query, TypeScript, Playwright and Shadcn.

Angepinnt

Beyond coding, I'm passionate about music, travel, and research, which fuel my creativity and problem-solving approach

webdevbybayo's tweet image. Beyond coding, I'm passionate about music, travel, and research, which fuel my creativity
and problem-solving approach

People often say the rich oppress the poor, but this statement isn’t entirely accurate. Oppression isn’t born from wealth—it stems from power. It’s important to note that even the rich can be oppressed when they lack power.


What a weekend to relax with family. Life has its ups and downs, but in the end, family is what truly matters. How are you nurturing yours?👇🏾

webdevbybayo's tweet image. What a weekend to relax with family. Life has its ups and downs, but in the end, family is what truly matters. How are you nurturing yours?👇🏾

useState is a React Hook that allows functional components to manage state. It returns an array with two elements: the current state and a function to update it.

webdevbybayo's tweet image. useState is a React Hook that allows functional components to manage state. It returns an array with two elements: the current state and a function to update it.

Akerele Adebayo🧘 hat repostet

Almost done recording "Next.js Ecommerce". My largest single course project ✔️ Next.js 15 & React 19 ✔️ Postgres & Prisma ✔️ TypeScript & Zod ✔️ Next Auth ✔️ React Hook Form ✔️ ShadCN UI ✔️ Jest Testing ✔️ PayPal & Stripe ✔️ Uploadthing ✔️ Vercel CD ✔️ Much More

traversymedia's tweet image. Almost done recording "Next.js Ecommerce". 
My largest single course project

✔️ Next.js 15 & React 19
✔️ Postgres & Prisma
✔️ TypeScript & Zod
✔️ Next Auth
✔️ React Hook Form
✔️ ShadCN UI
✔️ Jest Testing
✔️ PayPal & Stripe
✔️ Uploadthing
✔️ Vercel CD
✔️ Much More

The DOM (Document Object Model) is a programming interface that represents the structure of an HTML or XML document as a tree of objects. It allows JavaScript to interact with and manipulate the structure, style, and content of a webpage dynamically.

webdevbybayo's tweet image. The DOM (Document Object Model) is a programming interface that represents the structure of an HTML or XML document as a tree of objects. It allows JavaScript to interact with and manipulate the structure, style, and content of a webpage dynamically.

Tailwind's utility-first approach lets you build clean, responsive designs fast—without writing tons of custom CSS. Perfect for streamlined, modern UIs!

webdevbybayo's tweet image. Tailwind's utility-first approach lets you build clean, responsive designs fast—without writing tons of custom CSS. Perfect for streamlined, modern UIs!

Firebase provides a seamless back end with real-time database features—ideal for building dynamic, live-updating apps. Perfect for real-time user experiences!

webdevbybayo's tweet image. Firebase provides a seamless back end with real-time database features—ideal for building dynamic, live-updating apps. Perfect for real-time user experiences!

React's component-based structure makes development faster and helps create dynamic, reusable UIs that scale. Perfect for responsive, interactive web apps!

webdevbybayo's tweet image. React's component-based structure makes development faster and helps create dynamic, reusable UIs that scale. Perfect for responsive, interactive web apps!

Just finished setting up end-to-end tests with **Playwright**, and it’s a game changer! Seeing complex user flows tested in real browsers gives so much peace of mind. Curious to know – are you using Playwright or something else for E2E tests? Drop your best testing hacks below

webdevbybayo's tweet image. Just finished setting up end-to-end tests with **Playwright**, and it’s a game changer! Seeing complex user flows tested in real browsers gives so much peace of mind. 

Curious to know – are you using Playwright or something else for E2E tests? Drop your best testing hacks below

Just started integrating @shadcn into a new project, and wow – the components are 🔥 and so easy to customize! 🎨 It’s giving Tailwind + Radix vibes, but with so much flexibility. 💯 Anyone else tried Shadcn? Would love to hear your favorite components or customization tips!

webdevbybayo's tweet image. Just started integrating  @shadcn into a new project, and wow – the components are 🔥 and so easy to customize! 🎨 It’s giving Tailwind + Radix vibes, but with so much flexibility. 💯

Anyone else tried Shadcn? Would love to hear your favorite components or customization tips!

Webpack is a popular module bundler for JavaScript applications. It takes all the assets (JavaScript, CSS, HTML, images, etc.) in a web project, processes them, and bundles them into one or more output files. These bundled files can then be efficiently served to users.

webdevbybayo's tweet image. Webpack is a popular module bundler for JavaScript applications. It takes all the assets (JavaScript, CSS, HTML, images, etc.) in a web project, processes them, and bundles them into one or more output files. These bundled files can then be efficiently served to users.

In JavaScript, scope refers to the context or environment in which variables, functions, and objects are accessible. It determines the visibility and lifetime of these entities in different parts of the code.

webdevbybayo's tweet image. In JavaScript, scope refers to the context or environment in which variables, functions, and objects are accessible. It determines the visibility and lifetime of these entities in different parts of the code.

In web development, npm (Node Package Manager) is a powerful tool for managing code packages, automating tasks, and ensuring project consistency. With access to millions of reusable libraries, npm makes it easy to install dependencies, run scripts, and keep everything up-to-date.

webdevbybayo's tweet image. In web development, npm (Node Package Manager) is a powerful tool for managing code packages, automating tasks, and ensuring project consistency. With access to millions of reusable libraries, npm makes it easy to install dependencies, run scripts, and keep everything up-to-date.

Akerele Adebayo🧘 hat repostet

Introducing sidebar.tsx—25 components to help you build all kinds of sidebars. I don't like building sidebars. So I built 30+ of them. All types. Then simplified the core into sidebar.tsx—a strong foundation to build on top of. It works with Next.js, Remix, Vite & Laravel.


My passion for art knows no bounds; I will soon begin collecting some pieces.

webdevbybayo's tweet image. My passion for art knows no bounds; I will soon begin collecting some pieces.

Akerele Adebayo🧘 hat repostet

Introducing Charts. A collection of chart components that you can copy and paste into your apps. Built on top of Recharts. Beautifully designed. Open Source.

shadcn's tweet image. Introducing Charts.

A collection of chart components that you can copy and paste into your apps. 

Built on top of Recharts. Beautifully designed. Open Source.

There are job opportunities and it is very competitive, those complaining of lack of job is because they stopped learning after school.


What problem(s) can you solve by applying your skill?🙂


I applied for a software engineer role and I opted for virtual interview but they declined that the interview is physical. I asked if my transport fee will be sorted out by them since it’s an invite 😒. Most companies feel they are favoring you by giving you an offer.


Loading...

Something went wrong.


Something went wrong.