React Fundamentals and ReactDOM Explained

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

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

💡3 Common Mistakes Beginners Make in React 1️⃣ Not understanding useEffect dependencies 2️⃣ Mutating state directly instead of using useState setter 3️⃣ Not breaking UI into reusable components Avoiding these can save a lot of debugging time 👆 I’m currently improving my React skills daily 🚀 #reactjs #javascript #webdevelopment #learninginpublic #frontenddeveloper

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

Today I learned about Lists & Keys in React. Lists allow us to render multiple items dynamically using methods like map(). For example: We can display a list of users, products, or tasks easily. Keys are used to uniquely identify each item in a list. This helps React efficiently update only the changed elements instead of re-rendering everything. Using unique keys improves performance and avoids bugs. Up Next: Forms in React 👀 React Series – Day 8 🚀 #ReactJS #LearningInPublic #WebDevelopment #FrontendDeveloper #JavaScript #100DaysOfCode

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 79 / 365 👨💻 Explored how React works with Vite. ⚙️ Understood how @vitejs/plugin-react works ⚡ Learned role of esbuild for fast JSX transform 🔁 Saw how Babel is used mainly for Fast Refresh #365DaysOfCode #React #JavaScript

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

🧠 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

learned optional chaining in react today. making: IPL project 🏏 issue faced: accessing nested objects like "object.object.object" fix/learned: optional chaining ("?.") to avoid crashes & undefined errors small thing, big sanity save. #reactjs #webdev #buildinpublic #javascript