--- title: "#learntocode articles | Hashnode" description: "Explore 115 articles tagged #learntocode on Hashnode. Tutorials, guides, and how-tos from the community." url: "https://hashnode.com/tag/learntocode" --- Tag # #learntocode 115 posts · 2 followers [Jayesh Sojitra](https://hashnode.com/@jayeshsojitra) · [Sep 21](https://hashnode.com/posts/the-frontend-skill-that-matters-more-than-frameworks/6ab11833d31889a506598153) ### [The Frontend Skill That Matters More Than Frameworks](https://jayesh-sojitra.hashnode.dev/the-frontend-skill-that-matters-more-than-frameworks?utm_source=hashnode&utm_medium=feed) Frameworks change every few years. The skill that's kept me relevant across React, Angular, and whatever comes next isn't any of those frameworks themselves. 4 min read · [jayesh-sojitra.hashnode.dev](https://jayesh-sojitra.hashnode.dev/the-frontend-skill-that-matters-more-than-frameworks?utm_source=hashnode&utm_medium=feed) [Jayesh Sojitra](https://hashnode.com/@jayeshsojitra) · [Sep 19](https://hashnode.com/posts/why-i-stopped-over-engineering-components/6aae68cddb5968c01388c9ea) ### [Why I Stopped Over-Engineering Components](https://jayesh-sojitra.hashnode.dev/why-i-stopped-over-engineering-components?utm_source=hashnode&utm_medium=feed) I used to build every component like it needed to handle every possible future use case. It made the code worse, not better — here's what changed. 4 min read · [jayesh-sojitra.hashnode.dev](https://jayesh-sojitra.hashnode.dev/why-i-stopped-over-engineering-components?utm_source=hashnode&utm_medium=feed) [Jayesh Sojitra](https://hashnode.com/@jayeshsojitra) · [Sep 17](https://hashnode.com/posts/css-animations-vs-framer-motion-when-to-use-each/6aac05644f96a83ec09bbe5d) ### [CSS Animations vs Framer Motion: When to Use Each](https://jayesh-sojitra.hashnode.dev/css-animations-vs-framer-motion-when-to-use-each?utm_source=hashnode&utm_medium=feed) Reaching for a library every time you need an animation isn't wrong, but it's often unnecessary — a lot of "we need Framer Motion" situations are solvable with 10 lines of CSS. 4 min read · [jayesh-sojitra.hashnode.dev](https://jayesh-sojitra.hashnode.dev/css-animations-vs-framer-motion-when-to-use-each?utm_source=hashnode&utm_medium=feed) [Jayesh Sojitra](https://hashnode.com/@jayeshsojitra) · [Sep 11](https://hashnode.com/posts/server-components-vs-client-components-next-js/6aa420f1e6b6cbb95c0b8997) ### [Server Components vs Client Components (Next.js)](https://jayesh-sojitra.hashnode.dev/server-components-vs-client-components-next-js?utm_source=hashnode&utm_medium=feed) "Just add 'use client' to fix it" is the JavaScript equivalent of turning it off and on again — it works, but you've skipped understanding why it was broken. 4 min read · [jayesh-sojitra.hashnode.dev](https://jayesh-sojitra.hashnode.dev/server-components-vs-client-components-next-js?utm_source=hashnode&utm_medium=feed) [Jayesh Sojitra](https://hashnode.com/@jayeshsojitra) · [Aug 31](https://hashnode.com/posts/week-1-recap-react-typescript-fundamentals/6a955c2564db2b8fd6d762b3) ### [Week 1 Recap: React + TypeScript Fundamentals](https://jayesh-sojitra.hashnode.dev/week-1-recap-react-typescript-fundamentals?utm_source=hashnode&utm_medium=feed) Week 1 is done. Six posts, six concepts most developers use daily but rarely stop to actually understand. Quick recap before Week 2. 2 min read · [jayesh-sojitra.hashnode.dev](https://jayesh-sojitra.hashnode.dev/week-1-recap-react-typescript-fundamentals?utm_source=hashnode&utm_medium=feed) [Jayesh Sojitra](https://hashnode.com/@jayeshsojitra) · [Aug 27](https://hashnode.com/posts/why-your-component-re-renders-and-how-to-stop-it/6a90055d4022529ed25d8e6d) ### [Why Your Component Re-Renders (And How to Stop It)](https://jayesh-sojitra.hashnode.dev/why-your-component-re-renders-and-how-to-stop-it?utm_source=hashnode&utm_medium=feed) Your component isn't slow because React is slow. It's slow because it's re-rendering for reasons you haven't actually diagnosed yet. 3 min read · [jayesh-sojitra.hashnode.dev](https://jayesh-sojitra.hashnode.dev/why-your-component-re-renders-and-how-to-stop-it?utm_source=hashnode&utm_medium=feed) [Sumit Patil](https://hashnode.com/@codewithpatil) · [Aug 13](https://hashnode.com/posts/day-5-node-js-modules-explained-core-modules-local-modules-and-third-party-packages/6a7e0e07dad7e543c29273bd) ### [🚀Day 5: Node.js Modules Explained: Core Modules, Local Modules, and Third-Party Packages](https://codewithpatil.hashnode.dev/day-5-node-js-modules-explained-core-modules-local-modules-and-third-party-packages?utm_source=hashnode&utm_medium=feed) Learn how modules make Node.js applications organized, reusable, and maintainable by understanding Core, Local, and Third-Party modules with practical examples. 12 min read · [codewithpatil.hashnode.dev](https://codewithpatil.hashnode.dev/day-5-node-js-modules-explained-core-modules-local-modules-and-third-party-packages?utm_source=hashnode&utm_medium=feed) [Sumit Patil](https://hashnode.com/@codewithpatil) · [Aug 7](https://hashnode.com/posts/day-4-understanding-package-lock-json-semantic-versioning-in-node-js/6a763f42efc7c34357e29bd8) ### [🚀 Day 4: Understanding package-lock.json & Semantic Versioning in Node.js](https://codewithpatil.hashnode.dev/day-4-understanding-package-lock-json-semantic-versioning-in-node-js?utm_source=hashnode&utm_medium=feed) Learn how package-lock.json keeps Node.js dependencies consistent and how Semantic Versioning (SemVer) controls package updates safely across projects. 8 min read · [codewithpatil.hashnode.dev](https://codewithpatil.hashnode.dev/day-4-understanding-package-lock-json-semantic-versioning-in-node-js?utm_source=hashnode&utm_medium=feed) [Sumit Patil](https://hashnode.com/@codewithpatil) · [Aug 7](https://hashnode.com/posts/day-3-node-js-repl-explained-with-practical-examples-read-evaluate-print-loop/6a7626cb29c7ad3edae212ad) ### [🚀 Day 3: Node.js REPL Explained with Practical Examples | Read, Evaluate, Print, Loop](https://codewithpatil.hashnode.dev/day-3-node-js-repl-explained-with-practical-examples-read-evaluate-print-loop?utm_source=hashnode&utm_medium=feed) Node.js Mastery Series by CodeWithPatil Learn how to use the Node.js REPL, execute JavaScript directly from the terminal, explore useful Node CLI commands, and boost your development workflow. 7 min read · [codewithpatil.hashnode.dev](https://codewithpatil.hashnode.dev/day-3-node-js-repl-explained-with-practical-examples-read-evaluate-print-loop?utm_source=hashnode&utm_medium=feed) [Sumit Patil](https://hashnode.com/@codewithpatil) · [Aug 2](https://hashnode.com/posts/day-2-understanding-npm-in-node-js-packages-package-json-your-first-project/6a6f9dbc78250813e5bb8b86) ### [🚀 Day 2: Understanding npm in Node.js – Packages, package.json & Your First Project](https://codewithpatil.hashnode.dev/day-2-understanding-npm-in-node-js-packages-package-json-your-first-project?utm_source=hashnode&utm_medium=feed) Master npm in Node.js. Learn package management, package.json, node\_modules, dependency installation, and project setup. 5 min read · [codewithpatil.hashnode.dev](https://codewithpatil.hashnode.dev/day-2-understanding-npm-in-node-js-packages-package-json-your-first-project?utm_source=hashnode&utm_medium=feed)