--- title: Best DevTools posts of 2021 | daily.dev description: The most upvoted DevTools posts of 2021, curated by the daily.dev community. canonical: https://daily.dev/tags/devtools/best-of/2021 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/devtools/best-of/2021 og:type: website og:site_name: daily.dev og:title: Best DevTools posts of 2021 | daily.dev og:description: The most upvoted DevTools 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 DevTools — 2021 1. 1 [](/posts/aura-theme-v2-0-0-is-out-now--vxeug565s "Aura Theme v2.0.0 is out now! 🥳 🎉") Article DEV · 5y Aura Theme v2.0.0 is out now! 🥳 🎉 The entire project was recreated from scratch using TypeScript Color schemes have been improved Added Aura CLI Added Aura API New ports have been added, the current full list of ports is: Visual Studio Code, Sublime Text, Windows Terminal andGNOME Terminal. You can reach me here or on GitHub if you need some help. 636 73 2. 2 [](/posts/welcome-to-fleet--d9i97wouk "Welcome to Fleet!") Article JetBrains · 5y Welcome to Fleet! Fleet is a lightweight editor but with a twist. It provides syntax highlighting, simple code completion, and all the things you’d expect from an editor. But wait, there’s more! Fleet is also a fully functional IDE bringing smart completion, refactorings, navigation, debugging, and everything else. 612 82 3. 3 [](/posts/learn-in-1-hour-design-patterns-2n-cekp7u "Learn in 1 Hour: Design Patterns") Article JetBrains · 5y Learn in 1 Hour: Design Patterns This week's Hour of Code is about design patterns. Design patterns are reusable templates for commonly occurring problems in software design. At JetBrains Academy, you can get an introduction to design patterns and learn five types of the most common creational patterns. Click the links below to open the educational topics that will allow you to not only read a detailed theory about a specific design pattern but also apply your skills straight to practice. 248 7 4. 4 [](/posts/using-notion-to-organise-programming-topics-zatwt0etq "Using Notion to organise programming topics") Article Hashnode · 5y Using Notion to organise programming topics Commonplace books (or commonplaces) are a way to compile knowledge, usually by writing information into books. Commonplaces are used by readers, writers, students, and scholars as an aid for remembering useful concepts or facts. Notion is my preferred tool to implement a commonplace book for code related knowledge. 229 21 5. 5 [](/posts/visual-studio-code-shortcuts-a-programmer-s-guide-w0p7kecqd "Visual Studio Code Shortcuts: A Programmer’s Guide") Article SitePoint · 5y Visual Studio Code Shortcuts: A Programmer’s Guide This article covers default keyboard shortcuts for Windows, Linux and macOS. Visual Studio Code is one of the most popular and most used code editors. It’s open source and free to use. It provides support for many languages and frameworks, whether through built-in features or the extensive list of extensions available for the editor. 183 6 6. 6 [](/posts/codesandbox-black-the-best-vscode-theme-ever--8g2blexvu "CodeSandbox Black, the best VSCode theme ever!") Article DEV · 5y CodeSandbox Black, the best VSCode theme ever! I launched it on Product Hunt too and it would be awesome if you checked it out and tried it out yourself! It's based on codesandbox.io, hope you enjoy it! Get Oh My Zsh for your terminal here. Get MonoLisa fonts here MonoLisa. 170 17 7. 7 [](/posts/secret-dev-tools-for-every-code-newbie-lev8kq1xq "Secret dev tools for every code newbie") Article DEV · 5y Secret dev tools for every code newbie This week we look at some of the best tools for new coders. These tools are not commonly recommended in online tutorials or articles and might not be well-known to code newbies. We also look at a new design tool called Figma, which is like Photoshop remixed with Google Docs. 170 6 8. 8 [](/posts/notebooks-visual-studio-code-style-auu9qtoyu "Notebooks, Visual Studio Code style") Article Visual Studio Code · 5y Notebooks, Visual Studio Code style Notebooks are documents that contain a mix of rich Markdown, executable code snippets, and accompanying rich output. Visual Studio Code has supported Jupyter Notebooks for several years but recently added native notebook support into the VS Code core. Anyone can make a VS Code notebook extension that supports custom languages and rich output and creating a notebook is no different than creating any other extension. 158 7 9. 9 [](/posts/25-hand-picked-react-libraries-you-probably-didn-t-know-existed-4x51df9ef "25 Hand-Picked React Libraries You Probably Didn’t Know Existed") Article JavaScript in Plain English · 5y 25 Hand-Picked React Libraries You Probably Didn’t Know Existed React is a JavaScript library built on top of Facebook’s React library. It aims to bring a native desktop experience to the web, featuring many macOS Sierra and Windows 10 components. Here are some libraries you can use in 2021 to level up your web application. 149 6 10. 10 [](/posts/automa---a-chrome-extension-for-automating-your-browser-8siukuia5 "Automa - A chrome extension for automating your browser") Article Product Hunt · 5y Automa - A chrome extension for automating your browser An extension for automating your browser by connecting blocks. From auto-fill forms, to scraping data of the website, it's up to you what you want to do with this extension. It's free to download and use, and there are no plans to stop using it. 143 13 11. 11 [](/posts/using-notion-to-organise-programming-topics-gbpup2kr6 "Using Notion to organise programming topics") Article DevDojo · 5y Using Notion to organise programming topics When it comes to software development, having a commonplace book is one of the best things we can do to keep track of things, and to help not forget concepts. Notion is my preferred tool to implement a commonplace books for code related knowledge. I divide my notes into the following parts:Core topics,Study and practice,App and business ideas, andSimplification. The note will be highlighted, and when I am looking for what I'm looking for I would be able to open it and see. 132 8 12. 12 [](/posts/10-google-chrome-extensions-you-should-use-as-a-developer-k1zjrq66h "10 Google Chrome Extensions you should use as a developer") Article DEV · 5y 10 Google Chrome Extensions you should use as a developer Here are some of the best Google Chrome extensions for developers. Extensions that make life easier, make you more productive, or perform an essential task better than a dedicated tool. As the vast majority of us use Chrome, it makes sense to consider Chrome extensions. Other browsers are available but Chrome is used by 62.6% of internet users. 129 14 13. 13 [](/posts/how-i-use-notion-while-learning-programming-pidzhpdgm "How I use Notion while learning programming") Article Hashnode · 5y How I use Notion while learning programming Notion is an application that provides components, such as notes, databases, kanban boards, wikis, calendars and reminders. It has almost anything that you need for project management, note taking (except a scribble feature that I wish there was one) and writing blog posts. I use Notion while learning how to code in various ways. 121 11 14. 14 [](/posts/my-12-favorite-vscode-extensions-zspq86aow "My 12 Favorite VSCode Extensions") Article DEV · 6y My 12 Favorite VSCode Extensions VSCode has a huge library of extensions that increase developer productivity. Below are some of my favorite VSCode extensions to help you get the most out of your code. The list includes shortcuts, snippets, formatter, Markdown Preview Enhanced, and Polacode. 110 2 15. 15 [](/posts/best-react-developer-tools-2021-lsrba5uqz "Best React Developer Tools 2021") Article Honeypot · 5y Best React Developer Tools 2021 Europe's IT worker shortage is projected to grow, meaning job openings for React developers are on the up and up. It's always important to stay up to date with the latest in the world of React to be a competitive player in the job market. Let's talk about what React developer tools are being used in 2021 and why you should include them in your stack. 102 8 16. 16 [](/posts/how-to-get-started-as-a-front-end-web-developer-in-2022-complete-roadmap-with-free-resources--m0ekydcbs "How to Get Started As a Front-end Web Developer in 2022 (Complete Roadmap with Free Resources)") Article JavaScript in Plain English · 5y How to Get Started As a Front-end Web Developer in 2022 (Complete Roadmap with Free Resources) How to Get Started As a Front-end Web Developer in 2022 (Complete Roadmap with Free Resources) A guide on how to become a front-end web developer in 2022\. Salvor Pirenne: There are plenty of amazing free resources you can learn from. 97 5 17. 17 [](/posts/vs-code-extensions-with-a-bright-2022-9usbp86k5 "VS Code Extensions with a Bright 2022") Article Hacker Noon · 5y VS Code Extensions with a Bright 2022 93 6 18. 18 [](/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 19. 19 [](/posts/music-time-for-spotify--vscode-extension-discover-the-most-productive-music-to-listen-to-as-you-co-fkgf77cxe "Music Time for Spotify- VSCode Extension — Discover the most productive music to listen to as you code.") Article Product Hunt · 6y Music Time for Spotify- VSCode Extension — Discover the most productive music to listen to as you code. Music Time is built on the Code Time plugin and performs machine learning against a range of music metrics. It also uses productivity data from over 70,000 developers to determine song recommendations. Embed this video into your site and share it with your friends. Share this video on your website and blog. 82 9 20. 20 [](/posts/top-2021-productivity-apps-wan0jbdmw "Top 2021 Productivity Apps") Article Hashnode · 6y Top 2021 Productivity Apps Every time I spin a new Linux distro, there is some software I cannot do without. In this post, I'll list the apps that I'm currently using to manage both my work and personal projects. All apps are cross-platform, which is kind of a must-have for me. 82 9 21. 21 [](/posts/announcing-the-php-foundation-u3wd3rtva "Announcing the PHP Foundation") Article Laravel News · 5y Announcing the PHP Foundation JetBrains, Automattic, Laravel, Acquia, Zend, Craft CMS, Private Packagist, Tideways, and PrestaShop are members. Nikita Popov, one of the key contributors, has decided to switch his focus away from PHP to LLVM. The primary task of the Foundation will be to fund developers to work on PHP. 75 2 22. 22 [](/posts/notion-api-niatslvbn "Notion API") Article CSS-Tricks · 5y Notion API Public Beta of the Notion API has been released. The API is a full-blown API, so you can do things you’d expect to be able to do, like cURL for users, the content of pages, and manipulate databases. They have detailed documentation, expected barriers like rate limits, and even a JavaScript SDK. 75 4 23. 23 [](/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 24. 24 [](/posts/betterviewer---a-chrome-extension-for-better-image-viewing-experience-3yfsposzt "BetterViewer - A chrome extension for better image viewing experience") Article Product Hunt · 5y BetterViewer - A chrome extension for better image viewing experience BetterViewer was designed as a replacement for the image viewing mode built into Chrome-based web browsers. With BetterViewer you can use various keyboard shortcuts to quickly pan, zoom images, edit and a lot more. It's free to download and use, and there are no plans to stop using it. 70 4 25. 25 [](/posts/postman-i-you-but-i-met-thunder-client-for-visual-studio-code--hq4yzn0rg "Postman I ❤️ you, but I met Thunder Client for Visual Studio Code ❤️❤️❤️") Article Discover .NET · 5y Postman I ❤️ you, but I met Thunder Client for Visual Studio Code ❤️❤️❤️ 67 3 [See all DevTools archives](/tags/devtools/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/devtools/best-of/2021#page","url":"https://daily.dev/tags/devtools/best-of/2021","name":"Best DevTools Posts of 2021","description":"The most upvoted DevTools posts of 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/devtools/best-of/2021#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/aura-theme-v2-0-0-is-out-now--vxeug565s","name":"Aura Theme v2.0.0 is out now! 🥳 🎉"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/welcome-to-fleet--d9i97wouk","name":"Welcome to Fleet!"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/learn-in-1-hour-design-patterns-2n-cekp7u","name":"Learn in 1 Hour: Design Patterns"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/using-notion-to-organise-programming-topics-zatwt0etq","name":"Using Notion to organise programming topics"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/visual-studio-code-shortcuts-a-programmer-s-guide-w0p7kecqd","name":"Visual Studio Code Shortcuts: A Programmer’s Guide"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/codesandbox-black-the-best-vscode-theme-ever--8g2blexvu","name":"CodeSandbox Black, the best VSCode theme ever!"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/secret-dev-tools-for-every-code-newbie-lev8kq1xq","name":"Secret dev tools for every code newbie"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/notebooks-visual-studio-code-style-auu9qtoyu","name":"Notebooks, Visual Studio Code style"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/25-hand-picked-react-libraries-you-probably-didn-t-know-existed-4x51df9ef","name":"25 Hand-Picked React Libraries You Probably Didn’t Know Existed"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/automa---a-chrome-extension-for-automating-your-browser-8siukuia5","name":"Automa - A chrome extension for automating your browser"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/using-notion-to-organise-programming-topics-gbpup2kr6","name":"Using Notion to organise programming topics"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/10-google-chrome-extensions-you-should-use-as-a-developer-k1zjrq66h","name":"10 Google Chrome Extensions you should use as a developer"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/how-i-use-notion-while-learning-programming-pidzhpdgm","name":"How I use Notion while learning programming"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/my-12-favorite-vscode-extensions-zspq86aow","name":"My 12 Favorite VSCode Extensions"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/best-react-developer-tools-2021-lsrba5uqz","name":"Best React Developer Tools 2021"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/how-to-get-started-as-a-front-end-web-developer-in-2022-complete-roadmap-with-free-resources--m0ekydcbs","name":"How to Get Started As a Front-end Web Developer in 2022 (Complete Roadmap with Free Resources)"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/vs-code-extensions-with-a-bright-2022-9usbp86k5","name":"VS Code Extensions with a Bright 2022"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/from-zero-to-web-developer-hwtqizguv","name":"From zero to Web developer"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/music-time-for-spotify--vscode-extension-discover-the-most-productive-music-to-listen-to-as-you-co-fkgf77cxe","name":"Music Time for Spotify- VSCode Extension — Discover the most productive music to listen to as you code."},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/top-2021-productivity-apps-wan0jbdmw","name":"Top 2021 Productivity Apps"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/announcing-the-php-foundation-u3wd3rtva","name":"Announcing the PHP Foundation"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/notion-api-niatslvbn","name":"Notion API"},{"@type":"ListItem","position":23,"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":24,"url":"https://daily.dev/posts/betterviewer---a-chrome-extension-for-better-image-viewing-experience-3yfsposzt","name":"BetterViewer - A chrome extension for better image viewing experience"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/postman-i-you-but-i-met-thunder-client-for-visual-studio-code--hq4yzn0rg","name":"Postman I ❤️ you, but I met Thunder Client for Visual Studio Code ❤️❤️❤️"}]},{"@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":"DevTools","item":"https://daily.dev/tags/devtools"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/devtools/best-of"},{"@type":"ListItem","position":5,"name":"2021"}]}]} ```