Tag: reactjs
Day 24 – Mini Blog Project in React (Part 2)
In Part 1, we set up our Mini Blog Project with React, built routes, displayed blog posts, and added functionality to add, edit, and delete blogs. 👉 Now in Part 2, we’ll complete the project by adding: By the end, you’ll have a fully functional mini blog app that showcases all the major React concepts […]
Day 23 – Mini Blog Project in React (Part 1)
We’ve covered a lot of React concepts: props, hooks, forms, state management, routing, authentication. Now it’s time to bring them all together in a practical project. 👉 Over the next two blogs, we’ll build a Mini Blog Project in React. We’ll use the modern Tailwind UI you’ve already seen (navbar, blog cards, footer) and turn […]
Day 22 – Zustand in React
In this blog, we’ll cover Zustand in React, step by step, with examples and a comparison with Redux Toolkit. In the previous blog (Day 21), we explored Redux Toolkit in React — a powerful, scalable state management solution. But Redux Toolkit can still feel heavy for small to medium apps. That’s where Zustand comes in […]
Day 21 – Redux Toolkit in React
In the previous blog, we learned the core concepts of Redux — store, actions, and reducers. While powerful, vanilla Redux can feel boilerplate-heavy. Writing separate action types, action creators, and reducers quickly becomes repetitive. That’s why the Redux team introduced Redux Toolkit (RTK). Redux Toolkit is the official, recommended way to write Redux logic in […]
Day 20 – Redux in React (Core Concepts)
So far in our React journey, we’ve managed state using useState, useReducer, and even Context API. These tools are powerful, but when apps grow larger, managing state across multiple components can become messy. This is where Redux in React comes in. Redux is a state management library that helps you keep state in a single […]
Day 19 – Protected Routes & Auth Basics in React
In real-world applications, not all pages should be accessible to everyone. For example: This is where Protected Routes & Auth Basics come in. In React, we handle this by combining authentication state with React Router to control access. What Are Protected Routes? Protected Routes are simply normal React routes wrapped with authentication logic. This ensures […]