Revisiting React Fundamentals

Day 74 / 365 👨💻 Summarized and reviewed what I learned in the last few React sessions. 📘 Basics of React and why it’s used 🔗 Role of ReactDOM in rendering 🧩 createElement concept and repetitive DOM problems 🚀 React 18 rendering with createRoot #365DaysOfCode #React #JavaScript #Frontend

Day 86 / 365 👨💻 Light practice focused on strengthening basics. 🧩 Revisited React component structure ⚙️ Practiced small state updates with useState 🔁 Observed re-render behavior in simple examples 🧠 Focused on keeping logic clear and predictable #365DaysOfCode #React #JavaScript #Frontend

Day 77 / 365 👨💻 Summarized the last React sessions. 📘 Basics of JSX and how it works ⚙️ Role of Babel and createElement 🔁 Rendering lists and using map() 📦 Understanding props and component structure 🎨 Inline styling and simple composition #365DaysOfCode #React #JavaScript #Frontend

Day 81 / 365 👨💻 Recap of recent React tooling sessions. ⚙️ How @vitejs/plugin-react works ⚡ Role of esbuild and Babel (Fast Refresh) 📦 Rollup for production builds 🔢 Version symbols in package.json 📤 Named vs default exports #365DaysOfCode #React #JavaScript #Frontend

🧠 React Hook Lifecycle Quiz Can you predict the output and explain why? 👇 🔹 Phase 1: Initial Mounting - What will be logged on the first render? 🔹 Phase 2: Updating (when clicking incrementCount) - What will be logged after clicking the button? #ReactJS #Frontend #WebDevelopment #JavaScript #ReactHooks #NextJS

Day 94 / 365 👨💻 Kept building consistency with React practice. 🧩 Worked on a small component tweak 🔁 Observed how UI updates with state changes ⚙️ Fixed minor issues in logic 🧠 Focused on keeping code simple and readable #365DaysOfCode #React #JavaScript #Frontend

⚡ Lazy Loading in React — a quick visual breakdown → Before: 3.7 MB loaded on page open   → After: 405 KB loaded on page open   → Result: 4.3× faster First Contentful Paint 🚀  All of this with just 2 lines of code using React.lazy() + Suspense. This is a small but often underestimated concept that can significantly improve performance. Swipe to see the network panel & Lighthouse scores 👉  #ReactJS #WebPerformance #Frontend #JavaScript #React

Day 82 / 365 👨💻 Started understanding React state. 🧠 Problem that useState solves ⚙️ How useState works step by step 🔄 Why re-rendering happens ⏳ Why state updates aren’t immediate 🔁 Updater function vs direct value #365DaysOfCode #React #JavaScript #Frontend

I used to think React loads everything at once… until I learned lazy loading. 🤯 Now I understand how apps become faster and more efficient. ⚡ 💠Load only what is needed 💠 Improve performance 💠 Reduce bundle size Here are my notes for revision. ✍️ #React #JavaScript #LearningInPublic #FrontendDeveloper

Day 97 / 365 👨💻 Stayed consistent with React practice. 🧩 Tweaked a small component for better structure 🔁 Observed state changes and UI updates ⚙️ Simplified some existing logic 🧠 Focused on keeping things clean and understandable #365DaysOfCode #React #JavaScript #Frontend