Filter Product List using React Context — To share data between component in react you can pass the data through props from parent to child component. The problem is when data you need have some level between parent to child component. So you must pass the data on each component from the parent to child (Props Drilling)…

Dockerize API with Actix Web — “Actix Web is a powerful, pragmatic, and extremely fast web framework for Rust” Actix is one of the web frameworks build in rust and i think this framework easy to use. …

Supabase Auth in NextJS 13 — Supabase Auth is one of the several service that help you to manage user in NextJS. For Alternative you can use Firebase or Clerk. You can check this article if you wanna use Clerk. So Let’s Go! to the Tutorial. Step 1: Install Dependency To using Supabase Auth we need Supabase Next.js Auth Helper…

React State Management with Zustand — This is another story from zustand series if you don’t know Zustand you can check this article for introduce. On this story i will guide you how to manage shopping cart using zustand. Step 1: Install Dependency Zustand Heroicon React Headless UI npm install zustand @heroicons/react @headlessui/react Step 2: Build UI Layout Page Modify /app/globals.css like this code:

React State Management — Zustand is State Management to help manage state like get or change value that you can access through entire component without prop drilling. We can try to build add to cart function, when Add To Cart clicked increase item on number on <CartButton/> component.

Easy guide to authenticate NextJs 13 with Clerk 1. Install Nextjs npx create-next-app@latest 2. Install Clerk npm install @clerk/nextjs 3. Dashboard Clerk — Create New Create new account on clerk and visit this to create new app

Preview —

React Hook Form is a powerful library for handling forms in React applications, including dynamic forms with varying form fields. In this blog post, we will explore how to use React Hook Form to create dynamic forms that adapt to user input. Installation and Setup Install React Hook Form in your project using…

React Form — React Hook Form is library that you can use to handle form in react. This can help you to do like validation and dynamic form. this story will show how to use this library. Step 1: Create New App Create new T3 app: npm create t3-app@latest Step 2: Install Dependency Install React Hook Form: npm install react-hook-form Step 3: Build UI Create new…