--- title: "#react-series articles | Hashnode" description: "Explore 23 articles tagged #react-series on Hashnode. Tutorials, guides, and how-tos from the community." url: "https://hashnode.com/tag/react-series" --- Tag # #react-series 23 posts · 0 followers [Shailaja Tripathi](https://hashnode.com/@shailajatripathi) · [Mar 17](https://hashnode.com/posts/react-mastery-series-day-28/69b9011236196e584ce2230e) ### [📘 React Mastery Series — Day 28](https://react-mastery-series.hashnode.dev/react-mastery-series-day-28?utm_source=hashnode&utm_medium=feed) Redux Toolkit — Modern Redux Made Easy (No Boilerplate!) Yesterday you learned Redux basics. But honestly? 👉 Traditional Redux is verbose and complex. That’s why we use: 👉 Redux Toolkit (RTK) 🤔 Wh 3 min read · [react-mastery-series.hashnode.dev](https://react-mastery-series.hashnode.dev/react-mastery-series-day-28?utm_source=hashnode&utm_medium=feed) [Shailaja Tripathi](https://hashnode.com/@shailajatripathi) · [Mar 17](https://hashnode.com/posts/react-mastery-series-day-26/69b8fd5636196e584cdf92e1) ### [📘 React Mastery Series — Day 26](https://react-mastery-series.hashnode.dev/react-mastery-series-day-26?utm_source=hashnode&utm_medium=feed) Higher Order Components (HOC) — Simplified & Practical Guide By now, you’ve learned: Custom Hooks Context API Performance optimization Today we learn another important pattern: 👉 Higher Order Co 3 min read · [react-mastery-series.hashnode.dev](https://react-mastery-series.hashnode.dev/react-mastery-series-day-26?utm_source=hashnode&utm_medium=feed) [Shailaja Tripathi](https://hashnode.com/@shailajatripathi) · [Mar 17](https://hashnode.com/posts/react-mastery-series-day-25/69b8fbb136196e584cde6e2c) ### [📘 React Mastery Series — Day 25](https://react-mastery-series.hashnode.dev/react-mastery-series-day-25?utm_source=hashnode&utm_medium=feed) Code Splitting & Lazy Loading — Make Your React App Faster 🚀 Have you ever noticed: 👉 Some apps load instantly👉 Others take time and feel heavy Why? Because of bundle size. By default, React bundle 3 min read · [react-mastery-series.hashnode.dev](https://react-mastery-series.hashnode.dev/react-mastery-series-day-25?utm_source=hashnode&utm_medium=feed) [Shailaja Tripathi](https://hashnode.com/@shailajatripathi) · [Mar 17](https://hashnode.com/posts/react-mastery-series-day-29/69b9024336196e584ce2f579) ### [📘 React Mastery Series — Day 29](https://react-mastery-series.hashnode.dev/react-mastery-series-day-29?utm_source=hashnode&utm_medium=feed) Project Structure & Folder Organization — Think Like a Pro Developer Writing code is one thing…Organizing it properly is what makes you a professional developer. In real projects: 👉 Clean structure = 3 min read · [react-mastery-series.hashnode.dev](https://react-mastery-series.hashnode.dev/react-mastery-series-day-29?utm_source=hashnode&utm_medium=feed) [Shailaja Tripathi](https://hashnode.com/@shailajatripathi) · [Mar 17](https://hashnode.com/posts/react-mastery-series-day-27/69b8ff4d36196e584ce10651) ### [📘 React Mastery Series — Day 27](https://react-mastery-series.hashnode.dev/react-mastery-series-day-27?utm_source=hashnode&utm_medium=feed) Redux Basics — State Management Made Simple (No Confusion!) Redux has a reputation: “It’s complicated…” But in reality? 👉 Redux is just a central place to store and manage state. Let’s understand i 3 min read · [react-mastery-series.hashnode.dev](https://react-mastery-series.hashnode.dev/react-mastery-series-day-27?utm_source=hashnode&utm_medium=feed) [Shailaja Tripathi](https://hashnode.com/@shailajatripathi) · [Feb 23](https://hashnode.com/posts/userefinreact/699c50f0d98afde1077f6040) ### [📘 React Mastery Series — Day 23](https://react-mastery-series.hashnode.dev/userefinreact?utm_source=hashnode&utm_medium=feed) Ref Forwarding & Advanced useRef Patterns in React By now, we know: 👉 useRef can access DOM👉 It can store mutable values👉 It doesn’t cause re-render But today we go one level deeper. We learn: ✔ Re 3 min read · [react-mastery-series.hashnode.dev](https://react-mastery-series.hashnode.dev/userefinreact?utm_source=hashnode&utm_medium=feed) [Shailaja Tripathi](https://hashnode.com/@shailajatripathi) · [Feb 20](https://hashnode.com/posts/react-mastery-series-day-20/6997f789ecb4558df04c7f52) ### [📘 React Mastery Series — Day 20](https://react-mastery-series.hashnode.dev/react-mastery-series-day-20?utm_source=hashnode&utm_medium=feed) Conditional Rendering in React — Clean UI Logic Patterns In real applications, UI is rarely static. We show: Login / Logout buttons Loading spinners Error messages Empty states Admin vs User dash 3 min read · [react-mastery-series.hashnode.dev](https://react-mastery-series.hashnode.dev/react-mastery-series-day-20?utm_source=hashnode&utm_medium=feed) [Shailaja Tripathi](https://hashnode.com/@shailajatripathi) · [Feb 20](https://hashnode.com/posts/react-mastery-series-day-19/6997f4d9587b14d25b772833) ### [📘 React Mastery Series — Day 19](https://react-mastery-series.hashnode.dev/react-mastery-series-day-19?utm_source=hashnode&utm_medium=feed) Lifting State Up — Master Component Communication in React As your app grows, components need to talk to each other. But here’s the rule in React: 👉 Data flows one way (Parent ➝ Child) So what if two 3 min read · [react-mastery-series.hashnode.dev](https://react-mastery-series.hashnode.dev/react-mastery-series-day-19?utm_source=hashnode&utm_medium=feed) [Shailaja Tripathi](https://hashnode.com/@shailajatripathi) · [Feb 18](https://hashnode.com/posts/react-mastery-series-day-18/6995b7b132cdc25d14bca8a9) ### [📘 React Mastery Series — Day 18](https://react-mastery-series.hashnode.dev/react-mastery-series-day-18?utm_source=hashnode&utm_medium=feed) Controlled vs Uncontrolled Components — Forms Mastery in React Forms are everywhere: Login pages Signup forms Search inputs Checkout pages But in React, forms work differently than plain HTML. Today we understand: 👉 Controlled Components👉 Unc... 3 min read · [react-mastery-series.hashnode.dev](https://react-mastery-series.hashnode.dev/react-mastery-series-day-18?utm_source=hashnode&utm_medium=feed) [Shailaja Tripathi](https://hashnode.com/@shailajatripathi) · [Feb 18](https://hashnode.com/posts/react-mastery-series-day-17/6995b5e8b36bf0bcc803cad0) ### [📘 React Mastery Series — Day 17](https://react-mastery-series.hashnode.dev/react-mastery-series-day-17?utm_source=hashnode&utm_medium=feed) useRef Deep Dive — DOM Access + Persistent Values Explained Many developers think: useRef is only for accessing DOM. That’s only 50% truth. Today we’ll understand the real power of useRef. 🤔 What is useRef? useRef is a React hook that lets you s... 3 min read · [react-mastery-series.hashnode.dev](https://react-mastery-series.hashnode.dev/react-mastery-series-day-17?utm_source=hashnode&utm_medium=feed)