How Node.js EventEmitter Works

🚀 Excited to share my latest React project — Post Craft This project is built using React, Context API, and useReducer to manage global state efficiently. It allows users to: 📝 Create new posts through form handling 🌐 Fetch 30 posts at a time from an API ❌ Delete posts instantly ⚡ Manage all data globally using Context API I learned a lot while building this — especially about reducer logic, clean component structure, and handling real API data in React. Check it out on GitHub 👇 🔗 GitHub Repository:https://lnkd.in/dU2DT8HE #React #WebDevelopment #Frontend #JavaScript #ReactJS #OpenSource #LearningByDoing

🚀 React Day 3 — JSX, Babel & Components Explained I’ve just published my Day 3 blog on building a React app from scratch — this one dives into JSX, Babel, functional components, and how to simplify your React workflow using npm scripts. 🔍 Highlights ->What npx actually does and how to run local & production builds ->Adding shortcuts in package.json (npm run start, npm run build) ->What JSX is and how it makes React code cleaner and more readable ->How Babel converts JSX into browser-friendly JavaScript ->Understanding functional components and component composition If you’re starting with React or want to refresh your fundamentals, this post walks you through everything step by step with examples. 📖 Read the full blog here: 🔗 [https://lnkd.in/eFCcAumY] #ReactJS #JavaScript #Frontend #WebDevelopment #JSX #Babel #Components #CodingJourney

🚀 Built a Debounced Search Component using setTimeout in React! We often search inside applications — but calling APIs on every keystroke isn’t efficient. So I created a Debounced Search Component in React that waits until the user stops typing before firing the API call. ✅ Improves performance ✅ Reduces unnecessary network calls ✅ Smooth user experience ✅ Displays search results with images 📌 GitHub Code: 🔗 https://lnkd.in/gY_fYFd3 📝 Full Article on Medium👇 🔗 https://lnkd.in/g_bFTMvZ ✨ Small steps every day → Strong coding habits! #reactjs #frontenddevelopment #javascript #webdevelopment #codingjourney #debouncing #api #developer

Tayo loved React. He could build components, handle state, and spin up projects in no time. So when he started learning Next.js, he thought it’d be a smooth ride. But soon, things got messy. His app was rendering weirdly. Some data showed up instantly, other times it didn’t. Pages loaded fine locally, but once deployed - chaos. He spent nights debugging, rewriting code, and watching tutorials. Still… nothing made sense. Until one day, his mentor smiled and said, “Tayo, you’re not lost. You are just mixing up where things happen.” And that one line changed everything. Tayo finally understood the heart of Next.js: It’s not just React with pages, it’s React with power. Next.js decides what runs on the server and what runs on the client. When you get that, everything else starts making sense. The confusion wasn’t about the framework, it was about not understanding server-side rendering (SSR) and client-side rendering (CSR). He realised: Some code runs before the user ever sees the page (SSR) Some code runs after (CSR) And knowing when and why makes you unstoppable From that moment, Tayo stopped treating Next.js like a stranger and started using it like an ally. He didn’t just fix his bugs, he gained a new perspective: in code and in life. You can’t control everything. But you can always learn where things really happen. What’s one thing about Next.js that confused you the most when you first started? Share it below, your insight might save someone hours of struggle. #NextJS #ReactJS #WebDevelopment #FrontendDevelopment #FullStackDeveloper #SoftwareEngineering #ServerSideRendering #ClientSideRendering #JavaScript #LearningInPublic #BuildInPublic

🚀 React Learning Update – Event Handling in React! Today I practiced how different React events work and how to trigger functions inside a component. I wrote a small component where I used multiple event handlers to understand how React responds to user interactions. Here’s what I learned from this code: 🔹 Calling functions on button click (onClick) 🔹 Triggering actions when mouse enters a button (onMouseEnter) 🔹 Detecting scroll activity using (onWheel) 🔹 Tracking user input with (onChange) 🔹 Handling continuous mouse movement (onMouseMove) 🔹 Creating inline functions directly inside JSX 🔹 Understanding event objects like elem.target.value This hands-on practice helped me understand how React handles events just like JavaScript but in a more organized, component-based way. Step by step becoming more comfortable with React! ⚛️✨ #ReactJS #FrontendDevelopment #WebDevelopment #LearningEveryday #JavaScript #ReactDeveloper #DeveloperJourney

🚨 3 Mistakes Beginners Make in Next.js (and how to avoid them) Working with developers learning Next.js, I often notice a few common mistakes that slow down their progress. Here are the top 3 — and how you can avoid them: 🔹 1. Overusing Client Components Not everything needs "use client". Let server components handle data fetching — they’re faster and more scalable. 🔹 2. Using old React patterns unnecessarily Using useEffect for data fetching in every scenario is outdated. Next.js server-side fetch() is cleaner and more efficient. 🔹 3. Mixing API logic everywhere Scattering API calls in random files becomes messy. Use the /api routes or lib folder to keep backend logic organized. Next.js is powerful… but with the right practices, it becomes a superpower. ⚡ #Nextjs #React #WebDev #JavaScript #CodingTips #FrontendDevelopment

After 1 year of doing just React inside NextJS. Now I am exploring the powers of NextJS, why it was built, its core features and implementations. So finally making sense why use NextJS instead of other frameworks. Today Explored - How we can do data fetching without APIs (Server Components) - Static Site Rendering - Dynamic Site Rendering - Pre Rendering (previously experimental Now supported in Next 16) and much much more. And here is my catch, No one can teach better then the platform itself. Maybe documentation or some course by the builders at that plaform. NextJS has excellent documentation but also has very nicely curated hands-on-course where you get your hands dirty with code and learn it quickly. Check it out here: https://nextjs.org/learn Guides (deeper learning): https://lnkd.in/gqAbHe5D docs: https://nextjs.org/docs What specific feature of NextJS you found amazing..? Tell me in the comments.. #nextjs #nextjslearn #vercel #reactjs

🚀 I just built my first Node.js CLI project — a Task Tracker! This simple command-line app lets you: ✅ Add new tasks ✏️ Update and delete tasks ⚙️ Mark tasks as done or in progress 📋 List all tasks by their status It’s a beginner project from roadmap.sh , but I learned so much while building it — especially about: 💡 Working with the file system (fs) in Node.js 💾 Storing and managing data in JSON files 🧠 Structuring and handling CLI commands and arguments This was a great exercise in understanding backend fundamentals without any frameworks. 🔗 You can check it out on GitHub: https://lnkd.in/eMQq-3kw Always learning, always building 💪 #NodeJS #JavaScript #BackendDevelopment #FullStackDeveloper #roadmapsh #LearningInPublic

🚀 Today I learned about useContext and createContext hooks in React! These two hooks are powerful tools for managing state globally in a React application — without the need to pass props manually through every level of the component tree. Here’s what I learned 👇 createContext() helps create a global context that can store shared data. useContext() allows components to access that data directly, making code cleaner and more efficient. It’s especially useful for managing things like themes, authentication, and user location across components. Learning these hooks helped me understand how React handles state sharing and component communication more effectively. 💻 Excited to keep exploring React’s advanced features and improve my full stack development skills! ⚡ #ReactJS #WebDevelopment #Frontend #MERNStack #LearningJourney #JavaScript #ShebinThwalhath

✨ "The best way to learn React is to build with it!" ✨ Excited to share my latest project — Background Color Changer 🎨⚛️ This project allows users to dynamically change the background color of the page with a single click — built entirely using React.js. It’s a simple yet effective way to explore React’s state management and event handling concepts in action. 💡 Through this project, I practiced: ✅ Using React useState hook for managing component state ✅ Implementing event-driven interactivity ✅ Strengthening my understanding of React fundamentals and component-based architecture A big thank you to Sonia Ma’am and Shanthi Ma’am for their continued guidance and motivation. 🙏 🎯 Check out the project here: https://lnkd.in/ejEmHxa6 💻 GitHub Repository: https://lnkd.in/ebwi6W5n #ReactJS #WebDevelopment #CodingJourney #JavaScript #LuminarTechnolab #LearningByDoing #FrontendDevelopment