--- title: Best Hashnode posts — July 2021 | daily.dev description: The most upvoted Hashnode posts from July 2021, curated by the daily.dev community. canonical: https://daily.dev/sources/hashnode/best-of/2021/07 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/hashnode/best-of/2021/07 og:type: website og:site_name: daily.dev og:title: Best Hashnode posts — July 2021 | daily.dev og:description: The most upvoted Hashnode posts from July 2021, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Hashnode — July 2021 1. 1 [](https://daily.dev/posts/the-best-vs-code-extensions-to-supercharge-git-yes-there-s-more-than-gitlens--zcxgc3mt1 "The best VS Code extensions to supercharge Git (yes, there’s more than GitLens!)") Article Hashnode · 5y The best VS Code extensions to supercharge Git (yes, there’s more than GitLens!) Git Graph is the most visually appealing way to interact with Git in VS Code. Git Automator allows you to add and commit files with a shortcut. Git Urgent lets you git add all, commit and push with one command. Git Tree Compare compares your working tree against a branch, a tag or commit. 88 8 2. 2 [](https://daily.dev/posts/why-software-engineers-choose-linux-over-windows-for-programming-9agymr7fx "Why software engineers choose Linux over Windows for programming") Article Hashnode · 5y Why software engineers choose Linux over Windows for programming Most software engineers choose Linux over Windows for programming. I was a big fan of Windows OS, and have been using it for years. Since I started programming I found that a Linux distro (such as Ubuntu, Manjaro, and Arch) is the best Operating System to start with. 63 7 3. 3 [](https://daily.dev/posts/javascript-tips-ticks-and-best-practices-kaocn0n1h "JavaScript Tips, Ticks, and Best Practices") Article Hashnode · 5y JavaScript Tips, Ticks, and Best Practices Using Numeric Separators is one of the most used operators when I have to deal with large numbers. Always use semi-colons for line termination. Use splice instead of using delete to remove an item from an array. Using delete will remove the object, but will not reindex the array or update its length. 51 6 4. 4 [](https://daily.dev/posts/project-based-learning-approach-qsagukgg "Project-Based Learning Approach") Article Hashnode · 5y Project-Based Learning Approach Project-Based Learning is an instructional approach designed to allow students to develop knowledge and skills through engaging projects set around challenges and problems they may face in the real world. Bridge the gap between theory and real-world code by working on projects. We'll come across a number of projects ranging from ( Beginner to advanced level ) for you. 48 1 5. 5 [](https://daily.dev/posts/utilise-jsdoc-comment-tags-so-that-vscode-intellisense-works-great--xt6q4lj5s "Utilise JSDoc comment tags so that VSCode intellisense works great!") Article Hashnode · 5y Utilise JSDoc comment tags so that VSCode intellisense works great! Intellisense in VS Code only works if it understands the type of your code. Without proper intellisensing, we often make typos, call the method which doesn't exist or even try to access the properties of an objects by a random guess. To handle such and more complex scenarios, we will use JSDoc's @param , @type and @typedef block tags. 46 7 6. 6 [](https://daily.dev/posts/introducing-a-url-friendly-unique-identifier-cpoixkhhm "Introducing a URL friendly unique identifier") Article Hashnode · 5y Introducing a URL friendly unique identifier Nano ID is a tiny, secure, URL-friendly, unique string ID generator. Nano ID has smaller size as compared to UUID . This size reduction impacts a lot. Making use of NanoID is easier for transferring information and storage space. NanoID uses a cryptographically strong API which is a lot safer compared to Math.Random() which are insecure. 41 18 7. 7 [](https://daily.dev/posts/data-structures-101--j4-uuvi1c "Data Structures 101 🥷") Article Hashnode · 5y Data Structures 101 🥷 Data structures are the formats of organizing, storing, and management of data that enable efficient access and modification. These are the structures of how the data is stored and maintained. Data structures are applied to solve complex problems. Many big problems are being solved by the efficient use of data structures. We will learn all the mentioned data structures in detail with the help of examples and diagrams. 36 1 8. 8 [](https://daily.dev/posts/5-git-tips-to-level-up-your-workflow-isfpavtio "5 Git Tips To Level Up Your Workflow") Article Hashnode · 5y 5 Git Tips To Level Up Your Workflow In this article, you'll find 5 extra tips that will help you bring your Git skills to the next level. No matter how experienced you are, Git will always find a way to surprise you. It is loaded with neat tricks that have the power to make your daily coding routine much smoother. 32 1 9. 9 [](https://daily.dev/posts/why-every-frontend-developer-should-learn-cro-ydddouskv "Why Every Frontend Developer Should Learn CRO") Article Hashnode · 5y Why Every Frontend Developer Should Learn CRO Businesses hire developers because they want a specific problem solved or they need help in taking their business’s online presence in a particular direction. CRO stands for Conversion Rate Optimization. To truly provide your own and clients' websites with the best conversion rates, you need to be focusing on what drives, stops, and persuades your users. 30 4 10. 10 [](https://daily.dev/posts/18-npm-best-and-underrated-packages-you-should-use-in-your-projects-789yb3gan "18 NPM Best and Underrated packages you should use in your projects") Article Hashnode · 5y 18 NPM Best and Underrated packages you should use in your projects NPM bundles save us huge loads of time and exertion. Treat these NPM bundles as efficient devices and wizardry pixie partners. At whatever point you need to take care of an issue with code, the odds are there's a bundle custom-made to your requirements. Here's a rundown of bundles I figure each Node.js designer should know. 26 11. 11 [](https://daily.dev/posts/free-courses-o7eazryhr "Free Courses") Article Hashnode · 5y Free Courses This is a list of free courses. All of them are from eminent institutions like Harvard University, MIT, Stanford University, Free Code Camp. Some of these courses even include a free certificate. Feel free to DM me on Twitter if you know of any other cool (but free) courses. 24 3 12. 12 [](https://daily.dev/posts/programmers-that-don-t-blog-should-start-right-now-r--forohw "Programmers That Don't Blog Should Start Right Now") Article Hashnode · 5y Programmers That Don't Blog Should Start Right Now Programmers that don't blog should start right now. You're future self with thank you when your blog helps you getting a better job, earn more money and of course, have an easier time learning new concepts. I am not a wordsmith, and it's hard to come up with something to write about every day. But if you're a programmer, you should be blogging. 22 2 13. 13 [](https://daily.dev/posts/how-to-see-which-branch-your-teammate-is-on-in-intellij-dziiam4kq "How to See Which Branch Your Teammate is on in IntelliJ") Article Hashnode · 5y How to See Which Branch Your Teammate is on in IntelliJ In IntelliJ, open up the Team Window by clicking GitLive on the bottom tool window bar. This will show a list of your teammates, if they are online (or away) and the issue they are currently working on. If an issue has been connected to the branch you’ll see the issue name instead. 21 1 14. 14 [](https://daily.dev/posts/how-promise-executes-behind-the-scene-in-javascript-aijryl50 "How promise executes behind the scene in JavaScript") Article Hashnode · 5y How promise executes behind the scene in JavaScript Promises are two-pronged, they do two things. One is outside JavaScript and another in the web browser. They used to spin up some background web browser features. In JavaScript, it's going to produce a special type of object known as a promise object. 18 15. 15 [](https://daily.dev/posts/best-tailwind-css-components-and-template-collections-ybwwdyxya "Best Tailwind CSS components and template collections") Article Hashnode · 5y Best Tailwind CSS components and template collections Tail-kit gives you access to over 250 free components and free templates, based on Tailwind CSS 2.0\. It's all compatible with React, VueJS and Angular applications. Mamba UI is a free, open-source collection of beautiful UI elements. Salvia-Kit is fully customizable and without external dependencies. 18 16. 16 [](https://daily.dev/posts/the-ultimate-cheatsheet-list-for-web-developers--k8isvspc "The Ultimate Cheatsheet List For Web Developers") Article Hashnode · 5y The Ultimate Cheatsheet List For Web Developers Web development generally comprises 3 fundamentals: basically HTML, CSS, and JAVASCRIPT. This is when a "Cheat Sheet" comes super-handy. In this post, we'll go through some quick and useful cheat sheets that'll save you hours in wasted time. 18 17. 17 [](https://daily.dev/posts/gitlive-13-0-codeshare-now-supports-sharing-via-live-share-and-code-w-cki59drlt "GitLive 13.0: Codeshare now supports sharing via Live Share and Code W") Article Hashnode · 5y GitLive 13.0: Codeshare now supports sharing via Live Share and Code W Live Share for VS Code and Code With Me for JetBrains are great tools for pair programming. They work in a very similar way to GitLive's built-in codeshare. The major difference is that the codeshare is IDE agnostic and works even when one participant is using VS Code. It also quicker to start than Live Share or Code with Me as it reuses your current open IDE window. 17 1 18. 18 [](https://daily.dev/posts/how-not-to-use-git-in-practice-ten-git-usages-you-should-know-to-avoid--w0iicpaez "How NOT to use Git in Practice. Ten Git usages, you should know to avoid.") Article Hashnode · 5y How NOT to use Git in Practice. Ten Git usages, you should know to avoid. Git is an open-source version control system(VCS) that helps all project contributors to keep their project artifacts in sync. Here are ten usages we should stop or avoid. If you are a beginner to Git or have any difficulties with its usages, here is an in-depth, hands-on tutorial for you. 17 3 19. 19 [](https://daily.dev/posts/github-copilot---will-artificial-intelligence-replace-developers--eb-qdtx6g "GitHub Copilot - Will Artificial Intelligence Replace Developers?") Article Hashnode · 5y GitHub Copilot - Will Artificial Intelligence Replace Developers? GitHub Copilot is a Visual Studio Code extension that generates code based on either a docstring , comment or function name. For instance, you could add the following comment, and the Copilot will generate the appropriate piece of code. I would say it's scary and fascinating at the same time! I am highly impressed with it. 16 1 20. 20 [](https://daily.dev/posts/functions-in-javascript-function-expression-javascript-first-class-gqp3lczsz "Functions in Javascript, Function Expression, JavaScript, First class") Article Hashnode · 5y Functions in Javascript, Function Expression, JavaScript, First class function is a block of statements, which is written to perform a particular task. A function declaration is also termed as Function Statement. When we create a function and assigned to a variable like any other value then it is called function expression. In Javascript, functions are first-class citizens, meaning functions can be treated like any else. 14 1 21. 21 [](https://daily.dev/posts/how-to-avoid-learning-burnout-92dytbvrp "How To Avoid Learning Burnout") Article Hashnode · 5y How To Avoid Learning Burnout Software development is a demanding career; you have to update your skills constantly. Many developers buy several courses a year to improve their skills. The solution is simple - focus on one thing at a time. To decide what's worth your time, you must understand your priorities. 14 5 22. 22 [](https://daily.dev/posts/journey-google-summer-of-code-yo7-1q-m1 "Journey: Google Summer of Code") Article Hashnode · 5y Journey: Google Summer of Code Google Summer of Code is a global program focused on bringing more student developers into open source software development. This post highlights my journey of getting selected into the program from the very beginning. I believe that there is no defined path for getting selected in such open-source fellowships. Everyone has a unique journey, and you can take a few things from other journeys to write yours. 14 23. 23 [](https://daily.dev/posts/how-i-built-chatcube-with-next-js-tailwindcss-clerk-and-firebase-and-a-walkthrough-of-the-app-br4aur3ba "How I built ChatCube with Next.js, TailwindCSS, Clerk and Firebase and a walkthrough of the app") Article Hashnode · 5y How I built ChatCube with Next.js, TailwindCSS, Clerk and Firebase and a walkthrough of the app ChatCube is an open-source 1:1 chat app that I built for the Clerk x Hashnode hackathon. You can sign up using your email, Google, GitHub, or Facebook. To send a message just click on the name of the person you want to send the message. Emoji mart is being used for all the emojis. 13 24. 24 [](https://daily.dev/posts/i-built-an-app-with-github-copilot-here-s-the-result-36b6cbrv3 "I Built an App with GitHub Copilot, Here's the Result") Article Hashnode · 5y I Built an App with GitHub Copilot, Here's the Result GitHub Copilot is an AI-powered tool that can write code by itself. Copilot generates impressive programming functions, comments and more based on your directions. It is currently not available publicly, so if you want to test and review it, you have to join the waitlist. 12 25. 25 [](https://daily.dev/posts/best-practices-of-exception-handling-cgbpwpmhx "Best Practices of Exception Handling") Article Hashnode · 5y Best Practices of Exception Handling Exception handling is one of the most important aspects of software engineering. I have seen other developers and myself making mistakes and not exiting gracefully. In this article, I am documenting my share of learnings along the process. I am dividing this article into two sections: Handling exceptions inside code and Handling exceptions outside code. 11 1 [See all Hashnode archives](/sources/hashnode/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/hashnode/best-of/2021/07#page","url":"https://daily.dev/sources/hashnode/best-of/2021/07","name":"Best Hashnode Posts — July 2021","description":"The most upvoted Hashnode posts from July 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/hashnode/best-of/2021/07#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/the-best-vs-code-extensions-to-supercharge-git-yes-there-s-more-than-gitlens--zcxgc3mt1","name":"The best VS Code extensions to supercharge Git (yes, there’s more than GitLens!)"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/why-software-engineers-choose-linux-over-windows-for-programming-9agymr7fx","name":"Why software engineers choose Linux over Windows for programming"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/javascript-tips-ticks-and-best-practices-kaocn0n1h","name":"JavaScript Tips, Ticks, and Best Practices"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/project-based-learning-approach-qsagukgg","name":"Project-Based Learning Approach"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/utilise-jsdoc-comment-tags-so-that-vscode-intellisense-works-great--xt6q4lj5s","name":"Utilise JSDoc comment tags so that VSCode intellisense works great!"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/introducing-a-url-friendly-unique-identifier-cpoixkhhm","name":"Introducing a URL friendly unique identifier"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/data-structures-101--j4-uuvi1c","name":"Data Structures 101 🥷"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/5-git-tips-to-level-up-your-workflow-isfpavtio","name":"5 Git Tips To Level Up Your Workflow"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/why-every-frontend-developer-should-learn-cro-ydddouskv","name":"Why Every Frontend Developer Should Learn CRO"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/18-npm-best-and-underrated-packages-you-should-use-in-your-projects-789yb3gan","name":"18 NPM Best and Underrated packages you should use in your projects"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/free-courses-o7eazryhr","name":"Free Courses"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/programmers-that-don-t-blog-should-start-right-now-r--forohw","name":"Programmers That Don't Blog Should Start Right Now"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/how-to-see-which-branch-your-teammate-is-on-in-intellij-dziiam4kq","name":"How to See Which Branch Your Teammate is on in IntelliJ"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/how-promise-executes-behind-the-scene-in-javascript-aijryl50","name":"How promise executes behind the scene in JavaScript"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/best-tailwind-css-components-and-template-collections-ybwwdyxya","name":"Best Tailwind CSS components and template collections"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/the-ultimate-cheatsheet-list-for-web-developers--k8isvspc","name":"The Ultimate Cheatsheet List For Web Developers"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/gitlive-13-0-codeshare-now-supports-sharing-via-live-share-and-code-w-cki59drlt","name":"GitLive 13.0: Codeshare now supports sharing via Live Share and Code W"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/how-not-to-use-git-in-practice-ten-git-usages-you-should-know-to-avoid--w0iicpaez","name":"How NOT to use Git in Practice. Ten Git usages, you should know to avoid."},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/github-copilot---will-artificial-intelligence-replace-developers--eb-qdtx6g","name":"GitHub Copilot - Will Artificial Intelligence Replace Developers?"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/functions-in-javascript-function-expression-javascript-first-class-gqp3lczsz","name":"Functions in Javascript, Function Expression, JavaScript, First class"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/how-to-avoid-learning-burnout-92dytbvrp","name":"How To Avoid Learning Burnout"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/journey-google-summer-of-code-yo7-1q-m1","name":"Journey: Google Summer of Code"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/how-i-built-chatcube-with-next-js-tailwindcss-clerk-and-firebase-and-a-walkthrough-of-the-app-br4aur3ba","name":"How I built ChatCube with Next.js, TailwindCSS, Clerk and Firebase and a walkthrough of the app"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/i-built-an-app-with-github-copilot-here-s-the-result-36b6cbrv3","name":"I Built an App with GitHub Copilot, Here's the Result"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/best-practices-of-exception-handling-cgbpwpmhx","name":"Best Practices of Exception Handling"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"Hashnode","item":"https://daily.dev/sources/hashnode"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/hashnode/best-of"},{"@type":"ListItem","position":5,"name":"July 2021"}]}]} ```