React Vue Files in Public Folder Not Processed

Your React app is doing way more work than you think. 🔁 Every time your component re-renders, JavaScript recreates every function and recalculates every value inside it — even if nothing changed. useCallback and useMemo exist to stop that waste. But most developers use them wrong — or not at all. Let's fix that. 👇 #ReactJS #ReactHooks #useCallback #useMemo #ReactPerformance #JavaScript #Frontend #FrontendDevelopment #WebDevelopment #SoftwareEngineering #Programming #100DaysOfCode #DevCommunity #LearningInPublic #SoftwareDevelopment

Just published a new blog post on Managing Component State with React It shows you how to use the useState Hook to handle state in functional components and make UIs that change and respond to user input. I've also added simple code examples to help you understand how state works in real-world React apps. If you're learning React, this is a must-know concept! 👉 Read more: https://lnkd.in/gcCEDNah #ReactJS #JavaScript #WebDevelopment #Frontend #Programming #SoftwareEngineering

Built a Stopwatch App using React.js using **useState** and **useRef** hooks 🚀 In this project I implemented: ✅ Start, Stop and Reset functionality ✅ Timer logic using `setInterval` and `clearInterval` ✅ `useRef` for storing interval references without unnecessary re-renders ✅ Time formatting in `HH:MM:SS` This project helped me strengthen my understanding of React hooks, state management, and handling intervals in JavaScript. Always exciting to learn by building! Feedback and suggestions are welcome. #ReactJS #JavaScript #FrontendDevelopment #WebDevelopment #ReactHooks #useRef #useState #CodingJourney #100DaysOfCode #FrontendDeveloper #OpenToWork #SoftwareDevelopment #Programming #Projects Gravity Coding

Built a simple Multiplication Table App using Javascript . It takes a number as input and displays the table of that number . Handled special cases like 0 and negative numbers as well. This helped me practice DOM Manipulation . GitHub : https://lnkd.in/gpwU9KUZ Live Demo : https://lnkd.in/g7sM_aK2 #Javascript #WebDevelopement #Learning

Most React devs bring their SPA habits into Next.js — and their users pay the price. 👇 You've written it a hundred times: useState for data, useEffect to fetch it, a spinner while they wait. It works in React. In Next.js App Router, it's the wrong pattern entirely. Server Components let you fetch data inside the component — on the server, before the page hits the browser. No loading state. No extra JS bundle. No hydration issues. HTML that arrives ready. I've swapped dozens of useEffect fetch patterns for async Server Components and the Lighthouse scores jump immediately. Use the server for reads. Use useEffect for things only the browser can do. #NextJS #ReactJS #WebDevelopment #JavaScript #TypeScript #AppRouter #ServerComponents #ReactHooks #FrontendDeveloper #SoftwareEngineer #CleanCode #100DaysOfCode #WebPerformance #Programming #WebDev #NextJS14 #FullStackDeveloper #CodeQuality

🚀 Understanding `useState` & `useEffect` in React If you're working with React, these two hooks are must-know fundamentals: 🔹 **useState** * Used to create and manage state inside a functional component * Returns a state value and a setter function * Triggers re-render when state changes Example: ```js const [count, setCount] = useState(0); ``` 🔹 **useEffect** * Used for side effects (API calls, subscriptions, DOM updates) * Runs after the component renders * Can depend on state or props Example: ```js useEffect(() => { console.log("Component mounted or count changed"); }, [count]); ``` 💡 **Why `useState` should be declared before `useEffect`?** React hooks follow a strict rule: 👉 Hooks must be called in the same order on every render. Since `useEffect` often depends on state values, defining `useState` first ensures: * State is initialized before being used * Dependencies inside `useEffect` are available * Hook order remains consistent (avoiding bugs or crashes) ⚠️ Breaking hook order can lead to unexpected behavior and hard-to-debug issues. ✅ Always follow: 1. Declare state (`useState`) 2. Then handle side effects (`useEffect`) --- Mastering these basics makes your React apps more predictable and maintainable 💻✨ #React #JavaScript #WebDevelopment #Frontend #Programming #ReactHooks

🚀 React Series – Day 17 React Router – Navigating Without Reloading the Page Modern web applications don’t reload the page every time you navigate; they feel fast and seamless. This is possible because of client-side routing, and in React, it’s handled using React Router. Instead of requesting a new page from the server, React updates the UI based on the URL. Key ideas: • Different URLs map to different components • Navigation happens instantly without a full page reload • Improves user experience significantly 👉 This is what makes React apps behave like real applications instead of traditional websites. #reactjs #javascript #frontenddeveloper #webdevelopment #codinginterview #learnreact #30daysofcode #programming #reactinterview #react #coding

🚀 React Series - Day 5 useEffect - Making React Work with the Outside World Not everything in an app is just UI rendering. Sometimes you need to: • Fetch data from APIs • Run logic after rendering • Set up timers or listeners This is where useEffect is used. It runs after a component renders and allows you to handle these “side effects” cleanly. With the dependency array, you can control when it runs: • Empty array → runs once • With values → runs when those values change 👉 It’s a key concept for handling real-world app behavior in React. #reactjs #javascript #frontenddeveloper #webdevelopment #codinginterview #learnreact #30daysofcode #programming #reactinterview #react #coding

Vue vs React hooks — why so many? React has this funny habit of making you feel like a bad developer. You just want a counter that doubles its value, and suddenly you're Googling "when to use useMemo vs useCallback" at 11pm wondering if you even like programming anymore. Vue just... doesn't do that. You write ref(), you write computed(), and it works. No dependency arrays staring back at you like an unsolved math problem. Vue > React? 😑

React has bigger learning curve than Vue So you might want to get started on Vue first before going to React.