--- title: Best Hashnode posts — June 2021 | daily.dev description: The most upvoted Hashnode posts from June 2021, curated by the daily.dev community. canonical: https://daily.dev/sources/hashnode/best-of/2021/06 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/hashnode/best-of/2021/06 og:type: website og:site_name: daily.dev og:title: Best Hashnode posts — June 2021 | daily.dev og:description: The most upvoted Hashnode posts from June 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 — June 2021 1. 1 [](https://daily.dev/posts/7-essential-books-for-programmers-zmqegxg-6 "7 Essential Books for Programmers") Article Hashnode · 5y 7 Essential Books for Programmers The Pragmatic Programmer offers tips on improving your programming output. Charles Petzold’s code is an entry point to all things tech, and it is necessary to complete your education as an accomplished programmer. The book is not a one-time read, but rather a workshop in good practices. The tips are practical and best learned through practice. 88 8 2. 2 [](https://daily.dev/posts/tools-for-web-developers-to-work-smarter-and-not-harder-wxya1rxaj "Tools for Web Developers To Work Smarter and not Harder") Article Hashnode · 5y Tools for Web Developers To Work Smarter and not Harder The Web Developer is a browser extension that comes bundled with various web developer tools. Quokka makes prototyping,learning and testing JavaScript and Typescript code blazingly fast. Google Lighthouse is an open-source, automated development tool for testing/improving the quality of your web pages. 85 14 3. 3 [](https://daily.dev/posts/top-5-git-tips-tricks-wn-hjnntw "Top 5 Git Tips & Tricks") Article Hashnode · 5y Top 5 Git Tips & Tricks 5 Git tips to help you level up your workflow and bring you one step closer to Git mastery. Modify the previous commit without changing the commit message. Let autocorrect take care of your speed, but at the same time you can’t remember how many times you typed “git status” 67 13 4. 4 [](https://daily.dev/posts/introduction-into-domain-driven-design-ddd--redar-mm8 "Introduction into Domain-Driven Design (DDD)") Article Hashnode · 5y Introduction into Domain-Driven Design (DDD) The concept of Domain-Driven Design (DDD) was introduced by Eric Evans in 2004\. DDD is an approach to the development of complex software consisting of multiple puzzle pieces. It is not about a certain technology, it is a concept. Explore the models in a collaboration of domain experts and software experts. 40 3 5. 5 [](https://daily.dev/posts/deploying-with-github-actions-6hddp-j6d "Deploying with GitHub Actions") Article Hashnode · 5y Deploying with GitHub Actions GitHub Actions can be used to set up an auto deploy process for a CI/CD system. You will need access to your hosting environment and have FTP, SFTP, or SSH access in many cases. This article will focus strictly on SSH keys, which are used to authenticate into a server. 30 2 6. 6 [](https://daily.dev/posts/see-which-branch-your-teammate-is-on-in-vs-code-vaz8uy7tp "See which branch your teammate is on in VS Code") Article Hashnode · 5y See which branch your teammate is on in VS Code In VS Code, open up the team tab by clicking on the GitLive icon on the activity 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. 28 5 7. 7 [](https://daily.dev/posts/how-to-stand-out-as-a-software-developer-with-no-experience-dvgkom1sw "How to stand out as a software developer with no experience") Article Hashnode · 5y How to stand out as a software developer with no experience This article will outline various things you can do to stand out amongst the crowd. The roadmap, in the end, will guide you in regards to that. We will have a look at how you can go about doing the various things step by step, a roadmap for you to start standing out right away. 28 3 8. 8 [](https://daily.dev/posts/create-a-draggable-list-in-react-xgzu3-xjk "Create a draggable list in react") Article Hashnode · 5y Create a draggable list in react This tutorial shows you how to create a draggable list using framer-motion. The list will be able to be reordered by dragging an item over another to swap positions. The code is very simple and you can do it yourself with just a few lines of code. 27 9. 9 [](https://daily.dev/posts/taskify---an-app-to-manage-your-daily-tasks-and-boost-your-productivity---harperdb-hackathon-k5ybtu-x9 "Taskify - An app to manage your daily tasks and boost your productivity - HarperDB Hackathon") Article Hashnode · 5y Taskify - An app to manage your daily tasks and boost your productivity - HarperDB Hackathon Taskify is an Android app that helps you manage all your tasks and track your productivity. It also lets you start a timer to track their time doing a task, It also shows you a detail view of the tasks you did in the last week. Users can login and register using email based authentication and Google authentication. 26 1 10. 10 [](https://daily.dev/posts/what-is-vite-react--mxqkbr1oq "What is Vite + React!") Article Hashnode · 5y What is Vite + React! Vite (French word for "fast", pronounced /vit/) is a build tool that aims to provide a faster and leaner development experience for modern web projects. It consists of two major parts: a dev server that provides rich feature enhancements over native ES modules and a build command that bundles your code with Rollup. We will use Vite to create a React application as we will see below. 26 2 11. 11 [](https://daily.dev/posts/how-we-use-gitlive-a-junior-developer-s-perspective-z6g97me4o "How we use GitLive: A junior developer's perspective") Article Hashnode · 5y How we use GitLive: A junior developer's perspective GitLive's most useful feature is the collaborate feature. In future releases, audio calls will be added to GitLive. If you’re on the fence about whether to use GitLive, at least give it a try. Having a communication tool specific to developers makes the life of your team members (especially the juniors) much easier. 26 4 12. 12 [](https://daily.dev/posts/how-javascript-works-i8fxb-q2t "How JavaScript Works") Article Hashnode · 5y How JavaScript Works JavaScript is a 'synchronous single-threaded' language. Every major browser has its own JS engine. Every time a function is met inside the code, a new Execution Context is created. The first line is executed and only when this is finished it goes for the next line. 22 13. 13 [](https://daily.dev/posts/optional-chaining-in-javascript-pv1vq-oaw "Optional chaining (?.) in Javascript") Article Hashnode · 5y Optional chaining (?.) in Javascript The optional chaining operator ( ?. ) permits reading the value of a property located deep within a chain of connected objects without having to expressly validate that each reference in the chain is valid. The ?. operator functions similarly to the . chaining. operator, except that instead of causing an error if a reference is nullish ( null or undefined ), the expression short-circuits. with a return value of undefined. 21 1 14. 14 [](https://daily.dev/posts/docker-cheatsheet-lymnt2snm "Docker Cheatsheet") Article Hashnode · 5y Docker Cheatsheet Docker is an open platform for developing, shipping, and running applications. Docker enables you to separate your applications from your infrastructure so you can deliver software quickly. By taking advantage of Docker’s methodologies for shipping, testing, and deploying code quickly, you can significantly reduce the delay between writing code and running it. In this post, I will mention docker commands which we need or most of the use-cases. 17 15. 15 [](https://daily.dev/posts/a-cheat-sheet-for-javascript-s-fetch-api-dtm-j2-rd "A cheat sheet for JavaScript's fetch API") Article Hashnode · 5y A cheat sheet for JavaScript's fetch API The fetch API in JavaScript is used to make requests. It can also be used to consume APIs. Let's take a look at some of the most common operations using fetch API. We will be working with the Cats as a Service API. The code snippet reads the environment variable "dotenv" 15 1 16. 16 [](https://daily.dev/posts/what-s-new-in-react-18--yxvgzkaxh "What's new in react 18?") Article Hashnode · 5y What's new in react 18? React 18 is backward compatible, so don't worry. Students can continue to learn react in whatever the course they are learning from. There are 3 major API update in core react that are going to be available to us. The majority of all updates are focused on concurrency and giving you more control over the DOM re-rendering events. 14 17. 17 [](https://daily.dev/posts/personal-vs-code-hashnode-extension-using-rss--ointppl0g "Personal VS Code+Hashnode extension (using RSS)") Article Hashnode · 5y Personal VS Code+Hashnode extension (using RSS) RSS is a web feed that allows users and applications to access updates to websites in a standardized, computer-readable format. I was curious about how these extensions are made and published in the marketplace. I have used JavaScript to make a Hashnode Blogs Search extension which only searches my blogs within VS Code. 12 18. 18 [](https://daily.dev/posts/typingdna-verify---a-new-way-to-authenticate-users-9d5rcuj84 "TypingDNA Verify - A New Way to Authenticate Users") Article Hashnode · 5y TypingDNA Verify - A New Way to Authenticate Users TypingDNA is a company that provides a free authentication API & managed verification solutions for developers. TypingDNA Verify relies on a state-of-the-art authentication engine using AI-based algorithms to verify typing patterns and select the best key phrases. The chances of a security break are very slim because your typing pattern is unique to only you! 10 3 [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/06#page","url":"https://daily.dev/sources/hashnode/best-of/2021/06","name":"Best Hashnode Posts — June 2021","description":"The most upvoted Hashnode posts from June 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/06#items","numberOfItems":18,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/7-essential-books-for-programmers-zmqegxg-6","name":"7 Essential Books for Programmers"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/tools-for-web-developers-to-work-smarter-and-not-harder-wxya1rxaj","name":"Tools for Web Developers To Work Smarter and not Harder"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/top-5-git-tips-tricks-wn-hjnntw","name":"Top 5 Git Tips & Tricks"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/introduction-into-domain-driven-design-ddd--redar-mm8","name":"Introduction into Domain-Driven Design (DDD)"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/deploying-with-github-actions-6hddp-j6d","name":"Deploying with GitHub Actions"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/see-which-branch-your-teammate-is-on-in-vs-code-vaz8uy7tp","name":"See which branch your teammate is on in VS Code"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/how-to-stand-out-as-a-software-developer-with-no-experience-dvgkom1sw","name":"How to stand out as a software developer with no experience"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/create-a-draggable-list-in-react-xgzu3-xjk","name":"Create a draggable list in react"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/taskify---an-app-to-manage-your-daily-tasks-and-boost-your-productivity---harperdb-hackathon-k5ybtu-x9","name":"Taskify - An app to manage your daily tasks and boost your productivity - HarperDB Hackathon"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/what-is-vite-react--mxqkbr1oq","name":"What is Vite + React!"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/how-we-use-gitlive-a-junior-developer-s-perspective-z6g97me4o","name":"How we use GitLive: A junior developer's perspective"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/how-javascript-works-i8fxb-q2t","name":"How JavaScript Works"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/optional-chaining-in-javascript-pv1vq-oaw","name":"Optional chaining (?.) in Javascript"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/docker-cheatsheet-lymnt2snm","name":"Docker Cheatsheet"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/a-cheat-sheet-for-javascript-s-fetch-api-dtm-j2-rd","name":"A cheat sheet for JavaScript's fetch API"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/what-s-new-in-react-18--yxvgzkaxh","name":"What's new in react 18?"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/personal-vs-code-hashnode-extension-using-rss--ointppl0g","name":"Personal VS Code+Hashnode extension (using RSS)"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/typingdna-verify---a-new-way-to-authenticate-users-9d5rcuj84","name":"TypingDNA Verify - A New Way to Authenticate Users"}]},{"@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":"June 2021"}]}]} ```