Installing npm packages: A JavaScript dependency conundrum

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

The React Compiler removes the boilerplate that used to confuse our components. No more useMemo. No more useCallback. Just pure, readable JavaScript. The future of #React is all about developer velocity. #React #NextJS #WebDevelopment #Frontend #JavaScript

⚡ 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 73 / 365 👨💻 Revisited React basics from the last couple of sessions. 🔁 Revised what React and ReactDOM do 🧠 Revisited the idea behind createElement ⚙️ Looked again at how rendering works with createRoot 📚 Focused on understanding the overall flow #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

Many React developers repeat the same mistakes. I made some of these mistakes too. So I created this short carousel to share a few common ones and how to avoid them. Swipe through the slides 👇 Which one have you made before? #react #javascript #frontend #webdevelopment

Building PDFs in React used to be a headache. Not anymore. Stop fighting with complex PDF styling. PDFx brings the "shadcn/ui" experience to your documents. ✅ Copy-paste: Zero lock-in. ✅ Themeable: Fully customizable components. ✅ CLI support: Add them directly to your codebase. Beautiful, professional PDFs with a library you fully own. 🔗 Link in the first comment! 👇 #ReactJS #WebDevelopment #OpenSource #Frontend #Javascript

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

Advanced React Tutorial 🚀 Today I learned Custom Hooks in React. Custom hooks help to reuse logic and keep components clean. Used in real world React projects. Next post → useMemo vs useCallback #reactjs #frontend #javascript #webdev