Choosing the Right JavaScript Framework for Your Project

📝 UseDefault Custom Hook React Custom Hooks allow developers to create logic with a specific purpose that can be reused within different components in their projects. This code section is an example of a custom Hook. In this example, a function named useDefault returns a default value when the state is either null or undefined. #React #SoftwareDevelopment #ReactHook #JavaScript

Day 79 / 365 👨💻 Explored how React works with Vite. ⚙️ Understood how @vitejs/plugin-react works ⚡ Learned role of esbuild for fast JSX transform 🔁 Saw how Babel is used mainly for Fast Refresh #365DaysOfCode #React #JavaScript

Hello everyone back with a new post, this post is in continuation with the previous post where we address the issue of duplicate tasks. There are 2 scenarios when a task is duplicated 1. If a task is incomplete and a task is duplicated, it will automatically create new on deletion of existing task 2. If a task is complete and a task is duplicated, it will automatically make the task incomplete #webdeveloper #reactdeveloper #reactjs #todos #javascript

🚀 The `setInterval()` Function (JavaScript) The `setInterval()` function repeatedly executes a function at a specified interval in milliseconds. It's essential to use `clearInterval()` to stop the interval when it's no longer needed to prevent memory leaks and unexpected behavior. `setInterval` can be useful for tasks like updating a clock or polling a server for updates. Careful consideration should be given to the interval duration to avoid performance issues. #JavaScript #WebDev #Frontend #JS #professional #career #development

I used to think React loads everything at once… until I learned lazy loading. 🤯 Now I understand how apps become faster and more efficient. ⚡ 💠Load only what is needed 💠 Improve performance 💠 Reduce bundle size Here are my notes for revision. ✍️ #React #JavaScript #LearningInPublic #FrontendDeveloper

ESLint + Prettier or Biome — which should you use for your JS/TS project? Both have their place. The answer depends on what you need. Check the image for the full breakdown 👇 #Frontend #Biome #ESLint #JavaScript #TypeScript #WebDev #DeveloperExperience

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

Day 77 / 365 👨💻 Summarized the last React sessions. 📘 Basics of JSX and how it works ⚙️ Role of Babel and createElement 🔁 Rendering lists and using map() 📦 Understanding props and component structure 🎨 Inline styling and simple composition #365DaysOfCode #React #JavaScript #Frontend

JavaScript developers 👀 What will be the output? var obj = { name: "Guest", welcomeFn: function () { return "Hello " + this.name; } }; var obj2 = { welcomeFn: obj.welcomeFn, name: "User" }; console.log(obj2.welcomeFn()); Looks simple… but many get it wrong 👀 Drop your answer 👇 Explanation coming soon #JavaScript #FrontendDeveloper #InterviewPrep #ReactJS

most developers don't know the difference between null , undefined and "" and it's breaking their React forms silently. - always initialise string state with ' ' not undefined - always initialise array state with [ ] not undefined - always initialise object state with { } not undefined here's why it matters beyond the warning: - undefined means "this was never set" - null means "this was intentionally set to nothing" - ' ' means "this exists but is currently empty" React treats these three things completely differently when rendering. your form works locally because you fill it in immediately. it breaks in production because someone submits without touching a field. initialise your state properly. #reactjs #typescript #webdevelopment #buildinpublic #javascript