--- title: Best DevTools posts — September 2021 | daily.dev description: The most upvoted DevTools posts from September 2021, curated by the daily.dev community. canonical: https://daily.dev/tags/devtools/best-of/2021/09 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/devtools/best-of/2021/09 og:type: website og:site_name: daily.dev og:title: Best DevTools posts — September 2021 | daily.dev og:description: The most upvoted DevTools posts from September 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 — September 2021 1. 1 [](/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 2. 2 [](/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 3. 3 [](/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 4. 4 [](/posts/why-i-have-switched-to-obsidian-t9km-kovp "Why I Have Switched to Obsidian") Article Hashnode · 5y Why I Have Switched to Obsidian With Evernote, my markdown app and some other apps and notebooks - basically all over the place. I felt something wasn't right, that this would do me in later on, but I didn't know how to correct it. I read a great article on organisation and taking notes by Eduardo Vedes - Note-Taking for Software Engineers. He explained the importance of taking notes and how Notion has helped him be more organized. That's where Obsidian comes in. 43 1 5. 5 [](/posts/getting-started-with-the-notion-api-40crcy6gc "Getting started with the Notion API") Article Hashnode · 5y Getting started with the Notion API Notion is a component-based note-taking app. It offers databases, calendars, files, and much more. Notion can be a super easy database source for any application we wish to make. This article will explore the Notion API, mainly getting an API key and query a database. 28 2 6. 6 [](/posts/5-jetbrains-plugins-to-upgrade-the-built-in-git-support-to-the-next-level--xmlos-brl "5 JetBrains plugins to upgrade the built-in Git support to the next level!") Article Hashnode · 5y 5 JetBrains plugins to upgrade the built-in Git support to the next level! JetBrains Git plugin comes bundled with all JetBrains IDEs. It's a full blown Git client in its own right with almost all the features of a standalone client such as SourceTree, Tower or GitKraken but built into the IDE. There are even more features you can enhance your IDE’s Git support with. 28 2 7. 7 [](/posts/how-to-see-which-branch-your-teammate-is-on-in-phpstorm-uao5kxmbb "How to See Which Branch Your Teammate is on in PhpStorm") Article Hashnode · 5y How to See Which Branch Your Teammate is on in PhpStorm In PhpStorm, open up the Team Window by clicking GitLive on the bottom tool window bar. Locate the teammate you are interested in and click the arrow on the left-hand side of their avatar. Now you will see all the repositories they have cloned including the name of their current branch. 27 4 8. 8 [](/posts/the-best-jetbrains-plugins-for-remote-working-xvmo-dfa2 "The Best JetBrains Plugins For Remote Working") Article Hashnode · 5y The Best JetBrains Plugins For Remote Working The best JetBrains plugins for remote teams. Real-time cross-IDE collaboration, merge conflict detection and video calls. Waka Time shows you how much time you’ve spent programming. SonarLint is a static code analysis tool that can help you write safe, quality code. 25 2 9. 9 [](/posts/how-to-enable-real-time-merge-conflict-detection-in-pycharm-asrnhgxz4 "How To Enable Real-Time Merge Conflict Detection In PyCharm") Article Hashnode · 5y How To Enable Real-Time Merge Conflict Detection In PyCharm PyCharm has an early warning system for merge conflicts. If enabled there will be change indicators in the gutter of the editor. These will show you where your teammates have made changes compared to your version of the file and even update in real-time. For simple conflicts this can be a quick way to resolve them. 24 2 10. 10 [](/posts/how-to-enable-real-time-merge-conflict-detection-in-webstorm-af-jqi4r6 "How To Enable Real-Time Merge Conflict Detection in WebStorm") Article Hashnode · 5y How To Enable Real-Time Merge Conflict Detection in WebStorm WebStorm has an early warning system for merge conflicts. If enabled there will be change indicators in the gutter of the editor. These will show you where your teammates have made changes compared to your version of the file and even update in real-time. For simple conflicts this can be a quick way to resolve them. 23 1 11. 11 [](/posts/modernising-css-infrastructure-in-devtools-d4ptn3g22 "Modernising CSS infrastructure in DevTools") Article Chrome Developers · 5y Modernising CSS infrastructure in DevTools DevTools implemented CSS in two different ways: one for CSS files used in the legacy part of DevTools, and one for modern web components. The CSS implementation in DevTools was defined many years ago and is now outdated. The aim was to remove technical debt caused by the legacy system but also make the migration process to CSS Module Scripts easier. 21 12. 12 [](/posts/what-s-new-in-devtools-chrome-95--wnsrdwa2x "What's New In DevTools (Chrome 95)") Article Chrome Developers · 5y What's New In DevTools (Chrome 95) DevTools added an easier yet flexible way to update lengths in CSS. The Command Menu user interface is now enhanced. Lighthouse will now detect if the Largest Containful Paint (LCP) element was a lazy-loaded image. You can now click to read the DevTools release notes in 6 other languages. 18 13. 13 [](/posts/requestly-2-0---intercept-modify-http-requests---loved-by-100k-developers-0e7z1qmesr "Requestly 2.0 - Intercept & Modify HTTP Requests - Loved by 100K+ developers") Article Product Hunt · 5y Requestly 2.0 - Intercept & Modify HTTP Requests - Loved by 100K+ developers Requestly is a set of developer tools to complete all your Network modification requirements. Intercept, Modify, Debug and Test HTTP Requests and Responses. You can modify headers, mock APIs and responses, set up redirects, delay requests and do a lot more. Exclusive 70% off login to get promo code Embed Collect. 14 14. 14 [](/posts/ignite---the-hottest-react-native-boilerplate-gsdwfccqj "Ignite - the hottest React Native boilerplate") Article React Native Example · 5y Ignite - the hottest React Native boilerplate Ignite is the most popular React Native app boilerplate for Expo and bare React Native. Developers who use Ignite report that it saves them two to four weeks of time on average off the beginning of their React Native project. Ignite CLI version 6.0 now includes the boilerplate -- read the blog post to find out why! 11 15. 15 [](/posts/how-i-built-paperclip---the-ultimate-productivity-tool-you-will-ever-need--s8nf3zho8 "How I built Paperclip - The ultimate productivity tool you will ever need.") Article Hashnode · 5y How I built Paperclip - The ultimate productivity tool you will ever need. Paperclip is a powerful WYSIWYG rich text editor just like Notion. A lightning fast HTML-CSS-JS playground for awesome frontend devs. A Pomorodo timer that rewards you with a point every time you complete a session. Powerful whiteboards for sketching and prototyping. Folders for notes/sort notes based on tags. 11 16. 16 [](/posts/vs-code-extensions-for-frontend-developers-xtvis9n3y "VS Code Extensions for Frontend Developers") Article DZone · 5y VS Code Extensions for Frontend Developers Sourcery is a valuable tool for Python developers who want to improve their coding style. Stepsize is an issue tracker inside your editor for managing technical debt and maintenance issues. Quokka.js is a quick playground for prototyping code. Ponic is an AI-powered extension that helps you create, visualize, and easily run unit tests. 10 [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/09#page","url":"https://daily.dev/tags/devtools/best-of/2021/09","name":"Best DevTools Posts — September 2021","description":"The most upvoted DevTools posts from September 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/09#items","numberOfItems":16,"itemListElement":[{"@type":"ListItem","position":1,"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":2,"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":3,"url":"https://daily.dev/posts/how-i-use-notion-while-learning-programming-pidzhpdgm","name":"How I use Notion while learning programming"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/why-i-have-switched-to-obsidian-t9km-kovp","name":"Why I Have Switched to Obsidian"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/getting-started-with-the-notion-api-40crcy6gc","name":"Getting started with the Notion API"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/5-jetbrains-plugins-to-upgrade-the-built-in-git-support-to-the-next-level--xmlos-brl","name":"5 JetBrains plugins to upgrade the built-in Git support to the next level!"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/how-to-see-which-branch-your-teammate-is-on-in-phpstorm-uao5kxmbb","name":"How to See Which Branch Your Teammate is on in PhpStorm"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/the-best-jetbrains-plugins-for-remote-working-xvmo-dfa2","name":"The Best JetBrains Plugins For Remote Working"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/how-to-enable-real-time-merge-conflict-detection-in-pycharm-asrnhgxz4","name":"How To Enable Real-Time Merge Conflict Detection In PyCharm"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/how-to-enable-real-time-merge-conflict-detection-in-webstorm-af-jqi4r6","name":"How To Enable Real-Time Merge Conflict Detection in WebStorm"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/modernising-css-infrastructure-in-devtools-d4ptn3g22","name":"Modernising CSS infrastructure in DevTools"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/what-s-new-in-devtools-chrome-95--wnsrdwa2x","name":"What's New In DevTools (Chrome 95)"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/requestly-2-0---intercept-modify-http-requests---loved-by-100k-developers-0e7z1qmesr","name":"Requestly 2.0 - Intercept & Modify HTTP Requests - Loved by 100K+ developers"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/ignite---the-hottest-react-native-boilerplate-gsdwfccqj","name":"Ignite - the hottest React Native boilerplate"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/how-i-built-paperclip---the-ultimate-productivity-tool-you-will-ever-need--s8nf3zho8","name":"How I built Paperclip - The ultimate productivity tool you will ever need."},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/vs-code-extensions-for-frontend-developers-xtvis9n3y","name":"VS Code Extensions for Frontend Developers"}]},{"@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":"September 2021"}]}]} ```