--- title: Best developer posts — October 2021 | daily.dev description: The most upvoted daily.dev posts from October 2021, curated by the daily.dev community. canonical: https://daily.dev/posts/best-of/2021/10 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/posts/best-of/2021/10 og:type: website og:site_name: daily.dev og:title: Best developer posts — October 2021 | daily.dev og:description: The most upvoted daily.dev posts from October 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 daily.dev — October 2021 1. 1 [](https://daily.dev/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 [](https://daily.dev/posts/adding-the-daily-devcard-to-your-github-profile-dxe0jkvmp "Adding the daily DevCard to your GitHub profile") Article daily.dev · 5y Adding the daily DevCard to your GitHub profile Ole-Martin created a GitHub action to pull the latest DevCard automatically. In this article, we’ll show you how you can leverage his amazing action to showcase your DevCard on your GitHub profile as well. The easiest way to add your Dev card is by visiting the DevCard page and generating your card. 608 89 3. 3 [](https://daily.dev/posts/typescript-4-4-cheat-sheet-d2cdnfpyx "TypeScript 4.4 Cheat Sheet") Article SitePen · 5y TypeScript 4.4 Cheat Sheet CNN.com will feature iReporter photos in a weekly Travel Snapshots gallery. Visit CNN.com/Travel each week for a new gallery of snapshots from around the world. Visit iReport.com for a weekly snapshot of the world's most popular destinations. iReport: Share your photos of the week with us. 260 9 4. 4 [](https://daily.dev/posts/blog---next-js-12-qp57ir0e "Blog - Next.js 12") Article Next.js · 5y Blog - Next.js 12 Next.js 12 includes a brand new Rust compiler that takes advantage of native compilation. We've optimized bundling and compiling with \~3x faster refresh locally and \~5x faster builds for production. Native Next.js APIs are now supported, as well as Suspense AVIF Support. 255 22 5. 5 [](https://daily.dev/posts/18-awesome-linux-themes-for-your-inspiration--vj94wnm2v "18 Awesome Linux Themes For Your Inspiration 🎨😍") Article Hashnode · 5y 18 Awesome Linux Themes For Your Inspiration 🎨😍 The other day I was browsing Reddit and bookmarked some neat custom-made, one-of-a-kind interfaces from fellow Unix users. I decided to share my findings, so you can get some inspiration, too. To find out the configuration details of each setup, click on the author's username. 245 16 6. 6 [](https://daily.dev/posts/13-best-tech-documentaries-for-developers-q58-sts-i "13 Best Tech Documentaries For Developers") Article Honeypot · 5y 13 Best Tech Documentaries For Developers There are hardly any documentaries out there about developers or software development. All you need is this personally curated list of ‘developer’ documentaries (I’m most excited about the last one!). Let’s jump in. Vue.js: The Documentary: The origins of the Progressive JavaScript Framework. GraphQL: The documentary traces the rise and rise of GraphQL from initial success. 236 11 7. 7 [](https://daily.dev/posts/i-made-squid-game-with-javascript-z9djcxkv8 "I made Squid Game with JavaScript") Article DEV · 5y I made Squid Game with JavaScript I just made a really simple version of Red Light Green Light game from Squid Game with JavaScript and THREE.JS. You can play it here. If you want a step by step tutorial on how to create this game I have create a YouTube tutorial that you can check. 223 7 8. 8 [](https://daily.dev/posts/10-best-websites-for-practising-and-perfecting-front-end-development-nu2hgmtcm "10 Best Websites for Practising and Perfecting Front-End Development") Article JavaScript in Plain English · 5y 10 Best Websites for Practising and Perfecting Front-End Development 10 Best Websites for Practising and Perfecting Front-End Development. Muthu Annamalai Venkatachalam has compiled a list of the 10 best sites to practice your front-end skills. You will reinforce everything you have learned through tutorials and become a more competent front- end developer by using these websites. 221 11 9. 9 [](https://daily.dev/posts/20-vs-code-shortcuts-for-pro-developers-dt-i2owcv "20 VS Code Shortcuts For Pro Developers") Article Honeypot · 5y 20 VS Code Shortcuts For Pro Developers VS Code is one of the most used code editors among developers. It has some amazing features to help developers increase their coding speed. In this article, I'm going to go through 20 VS Code shortcuts that I find the most convenient for me when I'm coding. No worries if it doesn't apply to you, hopefully there will be at least a couple of shortcuts you can learn and apply when you next open VS Code. 216 16 10. 10 [](https://daily.dev/posts/google-chrome-hidden-features-for-developers-0sc-uab50 "Google Chrome Hidden Features For Developers") Article Bits and Pieces · 5y Google Chrome Hidden Features For Developers Google Chrome Dev Tools is one of the most used tools among web developers. It has some amazing features that most developers are not aware of. In this article, I will discuss the top 5 Chrome DevTools experimental features every developer should try. Google Chrome Hidden Features Every Developer Should Know Google Chrome experiments you should try 205 24 11. 11 [](https://daily.dev/posts/7-console-log-alternatives-mwhwymdwc "7 console.log() alternatives") Article Hashnode · 5y 7 console.log() alternatives console.count() is used to check how many times this line has been called. console.assert() is Used to assert that something is truthy. If not, it will log a message to the console.console.group() and console.groupEnd() are used for grouping similar (or different ;) logs together. 198 12 12. 12 [](https://daily.dev/posts/free-introduction-to-docker-ebook-pkzwlxzqh "💡 Free Introduction to Docker eBook") Article DevDojo · 5y 💡 Free Introduction to Docker eBook This is an open-source introduction to Docker guide. It will help you learn the basics of Docker and how to start using containers for your SysOps, DevOps, and Dev projects. The guide is suitable for anyone working as a developer, system administrator, or a DevOps engineer. 180 17 13. 13 [](https://daily.dev/posts/how-whatsapp-scaled-to-1-billion-users-with-only-50-engineers-s3ctbwzk-k "How WhatsApp scaled to 1 billion users with only 50 engineers") Article Quastor Daily · 5y How WhatsApp scaled to 1 billion users with only 50 engineers How WhatsApp served 1 billion users with only 50 engineers. How to quickly learn new programming languages and frameworks. An in-depth dive to Hadoop Distributed File System (HDFS) Concurrency in Java vs. Go. An amazing free textbook on math for programmers (covers Calculus, Linear Algebra and Discrete Math) 180 9 14. 14 [](https://daily.dev/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 15. 15 [](https://daily.dev/posts/basics-of-ci-cd-svwy6qcds "Basics of CI/CD") Article gitconnected · 5y Basics of CI/CD Continuous Integration and Continuous Delivery describe the process of the changes flows to the repository. CI server clones the repository, checkouts to the source branch, and merges with the master branch. If the build is successful, then the Pull Request is allowed to merge. Otherwise, the merge is blocked. The Jacoco plugin can solve the problem easily. 170 2 16. 16 [](https://daily.dev/posts/atropos---touch-friendly-3d-parallax-hover-effects-jy15-g7-n "Atropos - Touch-friendly 3D parallax hover effects") Article Product Hunt · 5y Atropos - Touch-friendly 3D parallax hover effects Atropos is a lightweight, free and open-source JavaScript library. It can be used to create stunning touch-friendly 3D parallax hover effects. Available for JavaScript, React and Vue.js Embed this post on your site. For more information, visit Atropos. 163 11 17. 17 [](https://daily.dev/posts/10-youtube-channel-you-need-to-subscribe--wbp9xuwgo "10 YouTube channel you need to subscribe.") Article DEV · 5y 10 YouTube channel you need to subscribe. If you are a programmer/web developer then you definitely should follow these YouTube channel. The list is not in any specific order. It is not a list of all the best web developers. It's just a collection of some of the best YouTube channels of all time. For more information on these channels click here. 160 17 18. 18 [](https://daily.dev/posts/python-javascript--ca0yhe9xg "Python + JavaScript = 🔥🔥🔥") Article DEV · 5y Python + JavaScript = 🔥🔥🔥 Python can be a superior option to Node.JS for some tasks. But we don't want to switch to Python just because of that one feature. We can use child process in Node. JS to run a python script when needed. And if we want we can pass data to our python script also. 133 4 19. 19 [](https://daily.dev/posts/vscode-dev---bringing-vs-code-to-the-browser-doqyrisrv "vscode.dev - Bringing VS Code to the browser") Article Product Hunt · 5y vscode.dev - Bringing VS Code to the browser No install required. Open a folder on your local machine and start coding. Now when you go to https://vscode.dev, you'll be presented with a lightweight version of VS Code running fully in the browser. It's free and open-source, so you don't have to use it for anything. 132 9 20. 20 [](https://daily.dev/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 21. 21 [](https://daily.dev/posts/is-your-github-empty--sl1quafqh "Is your GitHub empty?") Article DEV · 5y Is your GitHub empty? Your lack of GitHub contributions does not necessarily indicate that you aren't good at coding, but it can be a wasted opportunity to confirm that you're passionate and good. To help change this, here are four ideas to contribute more to GitHub. There are many ways to contribute like forking a repo, making a pull request, reviewing code, etc. 129 11 22. 22 [](https://daily.dev/posts/using-the-new-javascript-at-method-je-l7ikxd "Using the new JavaScript .at() method") Article LogRocket · 5y Using the new JavaScript .at() method The JavaScript .at() method was introduced in the August release of the ECMA International TC39’s relative indexing proposal. It allows developers to grab elements based on their indexes. In this tutorial, we’ll look at the benefits and drawbacks of the .at(), and how it can improve developers’ experiences. 123 8 23. 23 [](https://daily.dev/posts/remaking-wordpress-in-js-stack-hello-to-a-new-cms-for-next-js-websites--zythwpceq "Remaking WordPress in JS stack. Hello to a new CMS for Next.js websites.") Article Medium · 5y Remaking WordPress in JS stack. Hello to a new CMS for Next.js websites. Cromwell CMS is a free and open-source CMS for Next.js websites. It is a set of packages and services that can be installed and launched independently. It inherits the advantages of microservice architecture, and it’s much easier to update the CMS simply via running one node command. 122 12 24. 24 [](https://daily.dev/posts/react-docs-beta-wjjhlegtt "React Docs Beta") Article Hacker News · 5y React Docs Beta Learn how to think in React with step-by-step explanations and interactive examples. All explanations are written using Hooks rather than classes. We’ve added interactive examples and visual diagrams. Guides include challenges (with solutions!) to check your understanding. This is a beta website. There will be bugs, performance issues, and missing content. 120 7 25. 25 [](https://daily.dev/posts/7-design-principles-for-developers-sovixuehg "7 design principles for developers") Article DEV · 5y 7 design principles for developers Using Relative Units & Percentage Widths helps your CSS styles flow across screen sizes. Use min-width media queries ensures that mobile styles get loaded without desktop styles mixed in. Start by listing features, not designing layout. Place key actions where it's easily accessible. Follow the thumb rule to operate their mobile device. 117 4 [See all daily.dev archives](/posts/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/posts/best-of/2021/10#page","url":"https://daily.dev/posts/best-of/2021/10","name":"Best Developer Posts — October 2021","description":"The most upvoted daily.dev posts from October 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/posts/best-of/2021/10#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/adding-the-daily-devcard-to-your-github-profile-dxe0jkvmp","name":"Adding the daily DevCard to your GitHub profile"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/typescript-4-4-cheat-sheet-d2cdnfpyx","name":"TypeScript 4.4 Cheat Sheet"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/blog---next-js-12-qp57ir0e","name":"Blog - Next.js 12"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/18-awesome-linux-themes-for-your-inspiration--vj94wnm2v","name":"18 Awesome Linux Themes For Your Inspiration 🎨😍"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/13-best-tech-documentaries-for-developers-q58-sts-i","name":"13 Best Tech Documentaries For Developers"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/i-made-squid-game-with-javascript-z9djcxkv8","name":"I made Squid Game with JavaScript"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/10-best-websites-for-practising-and-perfecting-front-end-development-nu2hgmtcm","name":"10 Best Websites for Practising and Perfecting Front-End Development"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/20-vs-code-shortcuts-for-pro-developers-dt-i2owcv","name":"20 VS Code Shortcuts For Pro Developers"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/google-chrome-hidden-features-for-developers-0sc-uab50","name":"Google Chrome Hidden Features For Developers"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/7-console-log-alternatives-mwhwymdwc","name":"7 console.log() alternatives"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/free-introduction-to-docker-ebook-pkzwlxzqh","name":"💡 Free Introduction to Docker eBook"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/how-whatsapp-scaled-to-1-billion-users-with-only-50-engineers-s3ctbwzk-k","name":"How WhatsApp scaled to 1 billion users with only 50 engineers"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/secret-dev-tools-for-every-code-newbie-lev8kq1xq","name":"Secret dev tools for every code newbie"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/basics-of-ci-cd-svwy6qcds","name":"Basics of CI/CD"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/atropos---touch-friendly-3d-parallax-hover-effects-jy15-g7-n","name":"Atropos - Touch-friendly 3D parallax hover effects"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/10-youtube-channel-you-need-to-subscribe--wbp9xuwgo","name":"10 YouTube channel you need to subscribe."},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/python-javascript--ca0yhe9xg","name":"Python + JavaScript = 🔥🔥🔥"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/vscode-dev---bringing-vs-code-to-the-browser-doqyrisrv","name":"vscode.dev - Bringing VS Code to the browser"},{"@type":"ListItem","position":20,"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":21,"url":"https://daily.dev/posts/is-your-github-empty--sl1quafqh","name":"Is your GitHub empty?"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/using-the-new-javascript-at-method-je-l7ikxd","name":"Using the new JavaScript .at() method"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/remaking-wordpress-in-js-stack-hello-to-a-new-cms-for-next-js-websites--zythwpceq","name":"Remaking WordPress in JS stack. Hello to a new CMS for Next.js websites."},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/react-docs-beta-wjjhlegtt","name":"React Docs Beta"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/7-design-principles-for-developers-sovixuehg","name":"7 design principles for developers"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Explore","item":"https://daily.dev/posts"},{"@type":"ListItem","position":3,"name":"Best of","item":"https://daily.dev/posts/best-of"},{"@type":"ListItem","position":4,"name":"October 2021"}]}]} ```