Understanding React Context API with Thapa Technical

Learning React made me realize something — frontend isn’t about “changing elements.” It’s about controlling state and thinking in systems. Once that clicked, everything started making sense. Still early in the journey, but the foundation is getting stronger every day. Next stop: advanced hooks and performance optimization. Building > consuming. #ReactJS #JavaScript #FrontendDeveloper #WebDevelopment #CodingJourney #LearnInPublic #FullStackPath

One Hook. Zero Re-renders. Infinite Control. ⚡ That’s the power of useRef in React. Instead of re-rendering like useState, useRef quietly stores values and gives direct DOM access when needed. 🎬 Control a video player 📝 Focus an input instantly ⏱ Store timer IDs 📊 Track previous values If you’re learning React, mastering useRef is a must! Save this post for later 📌 #ReactJS #ReactHooks #WebDev #FrontendLife #CodingTips #JavaScript #DeveloperCommunity #TechPost

Day 72 / 365 👨💻 Continued learning React today. 🧠 Understood what React actually is 🔗 Learned what ReactDOM does ⚖️ Compared React vs ReactDOM 🧱 Looked at why they’re separate (native, PDF, etc.) ⚙️ Tried building a simple custom ReactDOM renderer 🚀 Learned about React 18 createRoot rendering ✨ Saw why JSX becomes useful #365DaysOfCode #React #JavaScript #Frontend

🚀 Exploring Bun.js – The Fast All-in-One JavaScript Runtime Recently I started experimenting with Bun.js, and honestly it feels like a huge step forward for the JavaScript ecosystem. Instead of using multiple tools like npm, jest, webpack, and node separately, Bun.js combines everything into one runtime. ⚡ Super fast runtime 📦 Built-in package manager 🧪 Native test runner 🔧 Bundler included 🌐 Node.js compatible APIs Quick example: bun create next-app myapp bun install bun run dev Simple. Fast. Powerful. if you want to explore it: 👉 https://bun.com/ As developers, tools that improve performance and developer experience can make a huge difference in how we build modern applications. Have you tried Bun.js yet? Would you consider using it in production? 👇 Share your thoughts. #bunjs #javascript #reactjs #nodejs #webdevelopment #fullstackdeveloper #softwaredevelopment #coding #developers #techcommunity

⚛️ Day 3 of Learning React.js Today I learned about Components in React.js. I understood that components are the building blocks of a React application. Instead of writing everything in one file, we can divide the UI into small, reusable pieces called components. What I learned today: What are components in React Functional components How components help in reusable UI Basic structure of a React component This concept makes development more organized and scalable compared to plain HTML and JavaScript. Still learning step by step. Excited to explore JSX and props next 🚀 #ReactJS #FrontendDevelopment #JavaScript #WebDeveloper #LearningJourney #StudentDeveloper #Consistency

📚 React Learning — State & useState Today I revised the concept of state and the useState hook in React. State acts as a component’s memory that stores dynamic data. Using useState, we can manage and update this data, and whenever the state changes, React automatically re-renders the component to reflect the updated UI. Strengthening the fundamentals step by step. #ReactJS #FrontendLearning #JavaScript #ReactConcepts #100DaysOfCode

⚛️ Day 10 of Learning React.js Today I learned about Hooks in React.js. I understood that Hooks allow us to use state and other React features inside functional components. Earlier, state was mainly used in class components, but Hooks make functional components more powerful and flexible. What I learned today: What are Hooks in React Why Hooks are used Basic idea of useState How Hooks improve code structure Managing dynamic data inside components Learning Hooks made me realize how React handles dynamic UI updates efficiently. Things are starting to connect now — components, props, functions, and state. Step by step, building stronger React fundamentals 🚀 #ReactJS #Hooks #useState #FrontendDevelopment #JavaScript #WebDeveloper #LearningJourney #Consistency

🚀 30 Days — 30 React Mistakes Beginners Make 📅 Day 4/30 ❌ Mistake: Making Input Controlled Without onChange I wrote this 👇 <input value={name} /> Input stopped typing 😐 💡 Why? When you pass value, React controls the input. But without onChange, it becomes read-only. React says: “If I control it, you must update it.” ✅ Correct Way <input value={name} onChange={(e) => setName(e.target.value)} /> 🎯 Lesson If you use value, always handle onChange. Controlled component = state-driven input. #ReactJS #JavaScript #FrontendDev #WebDevelopment #CodingProblems #ReactHooks #DevTips #ProgrammingLife #TechLearning #UIEngineering

🚀 30 Days — 30 React Mistakes Beginners Make 📅 Day 3/30 ❌ Mistake: Forgetting Dependency Array in useEffect My API kept calling again and again 🔥 Code 👇 useEffect(() => { fetchData() }) 💡 What Happened? Without a dependency array: Component renders useEffect runs setState updates Component re-renders useEffect runs again Infinite loop 🔁 ✅ Correct Way Run once: useEffect(() => { fetchData() }, []) Or add specific dependencies: useEffect(() => { fetchData() }, [userId]) 🎯 Lesson Always control when your effects run. Uncontrolled side effects = performance issues. #ReactJS #FrontendDevelopment #JavaScript #CodingMistakes #SoftwareEngineering #WebDev #ReactHooks #DevCommunity #BuildInPublic #LearnReact

When I first started learning React, I thought writing more code meant building better features. Turns out… the opposite is often true. One small thing that changed the way I write components: Break large components into smaller reusable ones. Instead of this: function Dashboard() { return ( <div> <Header /> <Sidebar /> <UserStats /> <RecentActivities /> <Notifications /> </div> ) } Think in reusable pieces: StatsCard ActivityItem NotificationItem This makes your code: ✅ Easier to maintain ✅ Easier to reuse ✅ Easier for teammates to understand Clean code isn’t about writing more code. It’s about writing code that future-you will thank you for. Curious 👇 What’s one React concept that confused you when you first learned it? #ReactJS #FrontendDevelopment #WebDevelopment #NextJS #JavaScript #CodingJourney