--- title: Best SitePoint posts — September 2021 | daily.dev description: The most upvoted SitePoint posts from September 2021, curated by the daily.dev community. canonical: https://daily.dev/sources/sitepoint/best-of/2021/09 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/sitepoint/best-of/2021/09 og:type: website og:site_name: daily.dev og:title: Best SitePoint posts — September 2021 | daily.dev og:description: The most upvoted SitePoint 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 SitePoint — September 2021 1. 1 [](https://daily.dev/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 [](https://daily.dev/posts/a-practical-guide-to-creating-reusable-react-components-s2bqnpj5y "A Practical Guide to Creating Reusable React Components") Article SitePoint · 5y A Practical Guide to Creating Reusable React Components React is one of the most popular and most used front-end frameworks in the world. Many developers still struggle when it comes to refactoring code for improved reusability. In this tutorial, you’ll be introduced to the three most common indicators that it’s time to build a reusable React component. Then we’re going to look at some practical demos by building a reusable layout and two exciting React hooks. 51 1 3. 3 [](https://daily.dev/posts/yarn-vs-npm-everything-you-need-to-know-fxjbogimq "Yarn vs npm: Everything You Need to Know") Article SitePoint · 5y Yarn vs npm: Everything You Need to Know In this tutorial, we’ll compare Yarn vs npm — the two most popular package managers. A package manager is a tool that automatically handles a project’s dependencies in a variety of ways. With Yarn, we can install, uninstall, update, and upgrade packages, configure project settings, run scripts, and so on. 28 1 4. 4 [](https://daily.dev/posts/7-of-the-best-code-playgrounds-mqkhvnffm "7 of the Best Code Playgrounds") Article SitePoint · 5y 7 of the Best Code Playgrounds A variety of front-end code playgrounds have appeared over the years. Most offer a quick and dirty way to experiment with client-side (and sometimes server-side) code then share it with others. Here’s our look at seven of the best, comparing CodePen and a number of CodePen alternatives. 23 1 [See all SitePoint archives](/sources/sitepoint/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/sitepoint/best-of/2021/09#page","url":"https://daily.dev/sources/sitepoint/best-of/2021/09","name":"Best SitePoint Posts — September 2021","description":"The most upvoted SitePoint posts from September 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/sitepoint/best-of/2021/09#items","numberOfItems":4,"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/a-practical-guide-to-creating-reusable-react-components-s2bqnpj5y","name":"A Practical Guide to Creating Reusable React Components"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/yarn-vs-npm-everything-you-need-to-know-fxjbogimq","name":"Yarn vs npm: Everything You Need to Know"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/7-of-the-best-code-playgrounds-mqkhvnffm","name":"7 of the Best Code Playgrounds"}]},{"@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":"SitePoint","item":"https://daily.dev/sources/sitepoint"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/sitepoint/best-of"},{"@type":"ListItem","position":5,"name":"September 2021"}]}]} ```