Steve P.’s Post

5 React habits that will make your teammates actually enjoy reading your code. 🧹 1️⃣ Name your components like they're job titles Bad: `Comp1` Good: `UserProfileCard` 2️⃣ Keep components under 100 lines If it's scrolling forever, it's doing too much. 3️⃣ Custom hooks are your best friend Logic in the JSX = pain. Extract it. 4️⃣ Avoid prop drilling early If you're passing props 3+ levels deep, rethink your state management. 5️⃣ Default exports for components, named exports for utilities Consistency saves debugging time. Clean code isn't a personality trait. It's a habit. #ReactJS #Frontend #JavaScript #CleanCode #WebDevelopment

Javascript concept: == vs === This bug looked harmless… console.log(5 == "5"); // true But in production? It broke logic. console.log(5 === "5"); // false 💡 One habit that saved me: → Always use === #JavaScript #WebDevelopment #Frontend #Coding

5 VS Code extensions that every  Frontend Developer must have 👇 1️⃣ Prettier Auto-formats your code on save. No more messy indentation! ✅ 2️⃣ ES7+ React Snippets Type "rafce" and get a full  React component instantly! ✅ 3️⃣ GitLens See who wrote which line of code and when — inside VS Code! ✅ 4️⃣ Thunder Client Test your APIs directly in VS Code. No need to open Postman! ✅ 5️⃣ Auto Rename Tag Rename opening HTML tag and  closing tag updates automatically! ✅ Save this post for later! 🔖 Which one is your favourite?  Comment below! 👇 #VSCode #Frontend #ReactJS #WebDevelopment #JavaScript #Programming #100DaysOfCode

🚨 JavaScript Tricky Question #1 What will be the output of this code? 🤔 console.log("Start"); setTimeout(() => { console.log("Timeout"); }, 0); Promise.resolve().then(() => { console.log("Promise"); }); console.log("End"); 💬 Comment your answer 👇 🔁 Follow for daily JS questions #javascript #webdevelopment #frontend #developers #programming #coding #nodejs #reactjs #softwareengineering

Two lines. Same numbers. Completely different outputs 🤯 👉 "console.log(1 + 2 + "3");" 👉 "console.log("1" + 2 + 3);" Looks simple… but JavaScript has its own way of thinking 👀 Are you sure you know what the output will be? Watch till the end to understand how JavaScript actually evaluates expressions and why order matters more than you think! #JavaScript #WebDevelopment #Coding #Frontend #Developers #JSBasics

Think you know JavaScript? Explain this output! 👇 What gets printed to the console? A) undefined, 10, 10, 10 B) ReferenceError, 10, 10, 20 C) undefined, 10, 10, 20 D) undefined, 10, 20, 10 #Technology #JavaScript #SoftwareEngineering  #WebDevelopment #ProgrammingRiddles #WebDev #Frontend #ReactJS #CleanCode #ProgrammingTips

Two lines. Same numbers. Completely different outputs 🤯 👉 "console.log(1 + 2 + "3");" 👉 "console.log("1" + 2 + 3);" Looks simple… but JavaScript has its own way of thinking 👀 Are you sure you know what the output will be? I made a quick video breaking this down — and trust me, it’s NOT what most people expect 🚀 Watch till the end to understand how JavaScript actually evaluates expressions and why order matters more than you think! #JavaScript #WebDevelopment #Coding #Frontend #Developers #JSBasics

Many React developers repeat the same mistakes. I made some of these mistakes too. So I created this short carousel to share a few common ones and how to avoid them. Swipe through the slides 👇 Which one have you made before? #react #javascript #frontend #webdevelopment

JavaScript is not just code… it’s life 💭 Closures = Memories Promises = Commitments Async/Await = Patience Event Loop = Priorities The more I code, the more I realize — We are not just solving bugs… We are learning how to think. #JavaScript #Developers #CodingLife #Tech #Frontend

If this snippet makes you pause 🤔 - what gets logged in the console, then it’s a sign to revisit the core fundamentals of React Hooks. This isn’t about memorizing hooks, It’s about truly understanding: • How closures affect useCallback • And why dependency arrays can quietly break your logic React isn’t hard but misunderstanding these basics is where most bugs come from. Take a minute. Predict the output and let me know in the comments. That’s how you level up 🚀 #React #Frontend #JavaScript #WebDevelopment #SoftwareEngineering #ReactHooks #LearnInPublic