TypeScript tRPC Adoption: End-to-End Type Safety

Mantener dependencias actualizadas no debería ser una carga. Con Version Lens ves versiones desactualizadas directamente en tu package.json y actualizás más rápido. Actualizá mejor. No más difícil. — Keeping dependencies up to date shouldn’t feel like a chore. With Version Lens you can spot outdated packages in your package.json and update faster. Update smarter. Not harder. #webdevelopment #javascript #npm #frontend #vscode #devtools #productivity

⚠️ Most Developers Use useEffect Wrong This is one of the most common React mistakes. ❌ Wrong useEffect(() => { fetchData() }, []) This runs only once. But what if your API depends on ID? ✅ Correct useEffect(() => { fetchData(id) }, [id]) Now API runs whenever id changes. 💡 Remember Rule: Empty dependency → run once Dependency value → run when value changes No dependency → run every render Follow for daily React learning 🚀 #react #reactjs #frontend #javascript #coding #mern

Advanced React Tutorial 🚀 Today I learned Custom Hooks in React. Custom hooks help to reuse logic and keep components clean. Used in real world React projects. Next post → useMemo vs useCallback #reactjs #frontend #javascript #webdev

I just deleted 30 lines of code from a React component. no refactor. no library. just one hook in React 19. it's called use() — and it changes how you handle async data and context in your components. most devs haven't heard of it yet. swipe through ↓ broke it down simply what's the most boilerplate you've deleted in a single React upgrade? 👇 #react #react19 #javascript #webdev #frontend

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

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

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

Most devs add TypeScript to React by putting types on everything. Expert TypeScript has fewer annotations, not more. The real power isn't string and number on your props. It's discriminated unions that make impossible states unrepresentable, generic components that scale without duplication, and a useRef overload that most people have never seen explained properly. Here are 5 patterns that will change how you write TypeScript in React - from the basics most people get wrong to the advanced patterns that separate senior from mid-level code. Which pattern was new to you? Practice TypeScript interview questions with detailed solutions: https://lnkd.in/gUAHwVkm #TypeScript #React #JavaScript #FrontEnd #WebDevelopment #GreatFrontEnd #CodingInterview

📌 Event Loop JavaScript is single-threaded The Event Loop manages asynchronous operations It continuously checks the Call Stack Microtasks (Promises) are executed before Macrotasks (e.g., setTimeout) 👉 Use case: Execution of asynchronous operations #JavaScript #EventLoop #Concurrency #NodeJS #Frontend