Smeet Gadhiya’s Post

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

🚀 30 Days — 30 Coding Mistakes Beginners Make Day 9/30 I built a form in React… and used: document.getElementById("name").value It worked. But later validation broke, reset didn’t work, and UI went out of sync 😐 Because React was not controlling the input. The DOM was. Correct way 👇 Use controlled input with state. <input value={name} onChange={e => setName(e.target.value)} /> In React: State should control UI not the DOM. This is why React forms become predictable and easier to debug. Day 10 tomorrow 👀 #30DaysOfCode #reactjs #javascript #frontend #webdevelopment #codeinuse

🚀 30 Days — 30 Coding Mistakes Beginners Make Day 15/30 I changed the state… but the input field didn’t update 😐 <input defaultValue={name} /> `defaultValue` only sets the initial value. After that, the DOM controls the input — not React. So even when state changed, UI didn’t. Fix 👇 <input value={name} onChange={e => setName(e.target.value)} /> Now React state controls the input. In React: Uncontrolled input → unpredictable Controlled input → reliable Day 16 tomorrow 👀 #30DaysOfCode #reactjs #javascript #frontend #webdevelopment #codeinuse

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

📚 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

Many beginners think querySelector() in JavaScript and useRef() in React do the same thing. But React uses a Virtual DOM, so direct DOM manipulation can break React’s flow. That’s why useRef() gives controlled access to the DOM while keeping React’s architecture intact. Learning something new every day in my React journey. 🚀 #ReactJS #JavaScript #WebDevelopment #FullStackDevelopment

🚀 Day 938 of #1000DaysOfCode ✨ React Cheat Sheet When working with React regularly, having a quick reference for commonly used concepts can save a lot of time. In today’s post, I’ve shared a React Cheat Sheet that brings together important concepts and commonly used patterns in one place. It’s designed to be a quick guide you can refer to whenever you’re building or revising React applications. Whether you’re learning React or already working with it daily, this cheat sheet can help you refresh key ideas quickly. 👇 What’s one React concept you often go back and revise? #Day938 #learningoftheday #1000daysofcodingchallenge #FrontendDevelopment #WebDevelopment #JavaScript #React #Next #CodingCommunity

✨ React Cheat Sheet When working with React regularly, having a quick reference for commonly used concepts can save a lot of time.

I wasted 3 months watching React tutorials. Rewatching. Taking notes. Feeling "ready." Then I opened VS Code and went completely blank. Sound familiar? Here's the thing nobody tells you — tutorials teach you to follow, not to build. And there's a massive difference between the two. So I made this instead. 5 core React concepts. Zero fluff. One slide each. → Components → Props → useState → useEffect → Rendering Lists That's literally 80% of what you need to start building real projects. Save this. Open your editor. Break something. That's how you actually learn React. 🔖 Save this post before you forget ♻️ Repost if this would help someone in your network #React #ReactJS #WebDevelopment #Frontend #JavaScript #LearnToCode #100DaysOfCode #Developer #Coding #wasaydevops

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