--- title: Best Git posts of 2021 | daily.dev description: The most upvoted Git posts of 2021, curated by the daily.dev community. canonical: https://daily.dev/tags/git/best-of/2021 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/git/best-of/2021 og:type: website og:site_name: daily.dev og:title: Best Git posts of 2021 | daily.dev og:description: The most upvoted Git posts of 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 Git — 2021 1. 1 [](/posts/how-to-write-good-commit-messages-with-commitlint-hxd5bgrye "How to Write Good Commit Messages with Commitlint") Article freeCodeCamp · 5y How to Write Good Commit Messages with Commitlint Commitlint is a tool that lints your commit messages and makes sure they follow a set of rules. It runs as a husky pre-commit hook, that is, it runs before the code is committed and blocks the commit in case it fails the lint checks. We are going to see how we can set up commitlint in a simple JavaScript project. 200 24 2. 2 [](/posts/git-for-professionals-xvxbfhpnv "Git for Professionals") Article freeCodeCamp · 5y Git for Professionals Git for Professionals – Free Version Control Course by Beau Carnes. Beau Carnes is the author of the book Git: A Handbook for the Professionals. See www.git-for-prosperity.org for more information on Git for professionals. 145 5 3. 3 [](/posts/git-commands-you-must-know-xabcrjuwd "Git commands you must know") Article Towards Dev · 5y Git commands you must know Git is a very important tool for any developer. Here is a rundown of 13 important git commands to better manage your workflow. There are many more commands available that you can find here, but these are the most useful and frequently used ones and they will definitely speed up your coding process. 141 11 4. 4 [](/posts/git-cheat-sheet-50-git-commands-you-should-know--ltw6krh5 "Git Cheat Sheet – 50 Git Commands You Should Know") Article freeCodeCamp · 6y Git Cheat Sheet – 50 Git Commands You Should Know Git Cheat Sheet – 50 Git Commands You Should Know. Git Cheat Sheets – How To Use The Git Cheatsheets. How to Use the Git Components. How To Utilise The Git Compressors. What Do You Do With Git? Let us know. 128 8 5. 5 [](/posts/top-30-git-commands-you-should-know-to-master-git-cli-sraixmpht "Top 30 Git Commands You Should Know To Master Git CLI") Article gitconnected · 5y Top 30 Git Commands You Should Know To Master Git CLI Git is the most popular distributed version control system in the world. Learn the most essential Git commands to boost your productivity. Set up your username and email to link commits with your name. Cache your login credentials to avoid re-typing the username and password every time you perform a commit. 115 5 6. 6 [](/posts/git-it-right-git-cheatsheet--fnjjwklqk "Git it Right🔥🔥🚀(Git CheatSheet)") Article DEV · 5y Git it Right🔥🔥🚀(Git CheatSheet) 114 3 7. 7 [](/posts/useful-vs-code-extensions-for-web-developers-rlls0gbx "Useful VS Code Extensions For Web Developers") Article Smashing Magazine · 5y Useful VS Code Extensions For Web Developers Meet useful Visual Studio Code extensions for web developers. They can help you minimize slow-downs and frustrations, and boost developer’s workflow along the way. In this post, we look into useful extensions for front-end development, from fine productivity boosters to advanced debugging helpers. 106 15 8. 8 [](/posts/git-commit-message-convention-that-you-can-follow--4tbyval0c "Git commit message convention that you can follow!") Article DEV · 6y Git commit message convention that you can follow! A typical git commit message will look like this: (): Enter fullscreen mode Exit full screen mode. "type" must be one of the following mentioned below! Build : Build related changes (eg: adding external dependencies) chore : A code change that external user won't see. feat : A new feature fix: A bug fix docs : Documentation related changes: A code that is related to styling. 95 3 9. 9 [](/posts/git-cheatsheet-v2qchblck "GIT CHEATSHEET") Article DEV · 5y GIT CHEATSHEET Git is the free and open-source distributed version control system that's responsible for everything GitHub related that happens locally on your computer. This cheat sheet features the most important and commonly used Git commands for easy reference. Use these commands to help you understand Git and its features. 92 6 10. 10 [](/posts/creating-the-perfect-commit-in-git-unoqikl74 "Creating the Perfect Commit in Git") Article CSS-Tricks · 5y Creating the Perfect Commit in Git This article is part of our “Advanced Git’ series. Part 2: Branching Strategies in Git Part 3: Better Collaboration With Pull Requests Part 4: Rebase vs. Merge (Coming soon!) Part 6: Interactive Rebase Part 7: Using the Reflog to Restore Lost Commits. 92 1 11. 11 [](/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 12. 12 [](/posts/from-zero-to-web-developer-hwtqizguv "From zero to Web developer") Article Hashnode · 5y From zero to Web developer Web development is the work involved in developing a website or a web application. There are multiple paths you can take while learning web development. This is the one I would take if I had to do it all over again. These steps are going from the very beginning, so it's suited for beginners. 84 8 13. 13 [](/posts/the-best-vs-code-extensions-to-supercharge-your-git-bcg6q97v1 "The Best VS Code Extensions to Supercharge Your Git") Article Better Programming · 5y The Best VS Code Extensions to Supercharge Your Git 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 commits. 72 1 14. 14 [](/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 15. 15 [](/posts/gitlive-extend-git-with-real-time-collaborative-superpowers-eydykd4-o "GitLive — Extend Git with real-time collaborative superpowers") Article Product Hunt · 5y GitLive — Extend Git with real-time collaborative superpowers Extend your IDE with the real-time features remote development teams need to work together effectively. See what your teammates are working on and get notified of merge conflicts before you commit. Make video calls and code together live, VS Code to JetBrains Embed Collect. 65 9 16. 16 [](/posts/top-5-productivity-plugins-for-dev-teams-vdu4emupi "Top 5 Productivity Plugins For Dev Teams") Article DZone · 5y Top 5 Productivity Plugins For Dev Teams GitLive adds a team view showing all work in progress for each collaborator from your Git repository. Tabnine is an AI code completion tool that indexes your code and finds statistical patterns to create customized suggestions. Stepsize is an issue tracker inside your editor for managing technical debt and maintenance issues. 60 17. 17 [](/posts/exa-a-modern-replacement-for-the-ls-command-iwsai2gwa "exa: A Modern Replacement for the ls Command") Article It's Foss · 5y exa: A Modern Replacement for the ls Command Exa is a new command line tool for the Linux operating system. It is similar to the popular ls command, but with more options. Exa can be used in conjunction with other commands to make it easier to use. It can also be used by itself to show a list of files. 55 6 18. 18 [](/posts/free-resources-for-front-end-devs-in-2021--jziamgv9c "FREE Resources for Front-End Devs in 2021⚡") Article DevDojo · 6y FREE Resources for Front-End Devs in 2021⚡ This post has an unlimited amount of every type of resource covering everything you will need. You only need this post to become a Front-end Developer. Hashnode is the easiest way to start a developer blog on your personal domain. The MDN Web Docs site provides information about Open Web technologies including HTML and CSS. 57 8 19. 19 [](/posts/removing-a-env-file-from-git-history-b1mumg7gd "Removing a .env file from Git history") Article Hashnode · 5y Removing a .env file from Git history You accidentally pushed a file with secrets or a password that shouldn't have gotten into the Git history. The best thing to do now is to remove the file right away and add it to your .gitignore file. If we look at our Git history, we can still find the file and expose the secrets. 56 11 20. 20 [](/posts/how-to-create-a-react-app-with-a-node-backend-the-complete-guide-i3xmxykwt "How to Create a React App with a Node Backend: The Complete Guide") Article freeCodeCamp · 6y How to Create a React App with a Node Backend: The Complete Guide Reed Barger: How to Create a React App with a Node Backend. How to create a React app with a node backend: The Complete Guide to Node.js and React App Development. Read more at Reed Barger’s blog, The Node Project. 46 1 21. 21 [](/posts/200-ultimate-resources-for-front-end-development-in-2021-eefqrsx6o "200+ Ultimate Resources for Front-End Development in 2021") Article Hashnode · 5y 200+ Ultimate Resources for Front-End Development in 2021 This post has nearly unlimited amount of every type of resources covering everything you will need. You only need this post to become a Front-end Developer. You will need a check list for marking what all you have learned. You can see the below image for how the checklist will look like. 43 5 22. 22 [](/posts/why-i-use-exa-instead-of-ls-on-linux-s2r5sggtl "Why I use exa instead of ls on Linux") Article Open Source Way · 6y Why I use exa instead of ls on Linux Exa is a modern-day replacement for the ls command. It uses colors to distinguish file types and metadata. It knows about symlinks, extended attributes, and Git. It's small, fast, and has just a single binary. The tool is written in Rust, known for its parallelism and safety. 39 5 23. 23 [](/posts/complete-web-developer-roadmap-with-resources-for-2021-zuhoroexlr "Complete web developer roadmap with resources for 2021") Article Hashnode · 6y Complete web developer roadmap with resources for 2021 Learn how the internet works. Learn how the web works. Build projects. Take one step at a time. You can learn all of these in 6 to 12 months if you are effective and consistent. Follow me on Twitter for more information about web development and how to improve. 38 4 24. 24 [](/posts/learn-how-to-use-git-and-github-in-a-team-like-a-pro-bmzbuzk39 "Learn how to use Git and GitHub in a team like a pro") Article DevDojo · 5y Learn how to use Git and GitHub in a team like a pro In this tutorial, you will learn how to work in a team with a central repository on GitHub. You will work on issues, commits, pull requests, code reviews, and more. The project will use two fictional team members, let's call them Harry and Hermione. Harry will be the one working locally in our development environment. Hermione will choose to work directly on GitHub by using an online VSCode. 37 11 25. 25 [](/posts/11-git-commands-i-use-every-day-s-wva2q3j "11 Git Commands I Use Every Day") Article DEV · 5y 11 Git Commands I Use Every Day Git has everything you need to make you safe from losing your code changes. Here are some tips on how to use git to get the most out of your code. Use git to check out a new branch for every task you start, and to make changes to existing ones. 36 [See all Git archives](/tags/git/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/tags/git/best-of/2021#page","url":"https://daily.dev/tags/git/best-of/2021","name":"Best Git Posts of 2021","description":"The most upvoted Git posts of 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/git/best-of/2021#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/how-to-write-good-commit-messages-with-commitlint-hxd5bgrye","name":"How to Write Good Commit Messages with Commitlint"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/git-for-professionals-xvxbfhpnv","name":"Git for Professionals"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/git-commands-you-must-know-xabcrjuwd","name":"Git commands you must know"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/git-cheat-sheet-50-git-commands-you-should-know--ltw6krh5","name":"Git Cheat Sheet – 50 Git Commands You Should Know"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/top-30-git-commands-you-should-know-to-master-git-cli-sraixmpht","name":"Top 30 Git Commands You Should Know To Master Git CLI"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/git-it-right-git-cheatsheet--fnjjwklqk","name":"Git it Right🔥🔥🚀(Git CheatSheet)"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/useful-vs-code-extensions-for-web-developers-rlls0gbx","name":"Useful VS Code Extensions For Web Developers"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/git-commit-message-convention-that-you-can-follow--4tbyval0c","name":"Git commit message convention that you can follow!"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/git-cheatsheet-v2qchblck","name":"GIT CHEATSHEET"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/creating-the-perfect-commit-in-git-unoqikl74","name":"Creating the Perfect Commit in Git"},{"@type":"ListItem","position":11,"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":12,"url":"https://daily.dev/posts/from-zero-to-web-developer-hwtqizguv","name":"From zero to Web developer"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/the-best-vs-code-extensions-to-supercharge-your-git-bcg6q97v1","name":"The Best VS Code Extensions to Supercharge Your Git"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/top-5-git-tips-tricks-wn-hjnntw","name":"Top 5 Git Tips & Tricks"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/gitlive-extend-git-with-real-time-collaborative-superpowers-eydykd4-o","name":"GitLive — Extend Git with real-time collaborative superpowers"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/top-5-productivity-plugins-for-dev-teams-vdu4emupi","name":"Top 5 Productivity Plugins For Dev Teams"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/exa-a-modern-replacement-for-the-ls-command-iwsai2gwa","name":"exa: A Modern Replacement for the ls Command"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/free-resources-for-front-end-devs-in-2021--jziamgv9c","name":"FREE Resources for Front-End Devs in 2021⚡"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/removing-a-env-file-from-git-history-b1mumg7gd","name":"Removing a .env file from Git history"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/how-to-create-a-react-app-with-a-node-backend-the-complete-guide-i3xmxykwt","name":"How to Create a React App with a Node Backend: The Complete Guide"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/200-ultimate-resources-for-front-end-development-in-2021-eefqrsx6o","name":"200+ Ultimate Resources for Front-End Development in 2021"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/why-i-use-exa-instead-of-ls-on-linux-s2r5sggtl","name":"Why I use exa instead of ls on Linux"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/complete-web-developer-roadmap-with-resources-for-2021-zuhoroexlr","name":"Complete web developer roadmap with resources for 2021"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/learn-how-to-use-git-and-github-in-a-team-like-a-pro-bmzbuzk39","name":"Learn how to use Git and GitHub in a team like a pro"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/11-git-commands-i-use-every-day-s-wva2q3j","name":"11 Git Commands I Use Every Day"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Git","item":"https://daily.dev/tags/git"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/git/best-of"},{"@type":"ListItem","position":5,"name":"2021"}]}]} ```