--- title: Best DEV posts — October 2021 | daily.dev description: The most upvoted DEV posts from October 2021, curated by the daily.dev community. canonical: https://daily.dev/sources/devto/best-of/2021/10 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/devto/best-of/2021/10 og:type: website og:site_name: daily.dev og:title: Best DEV posts — October 2021 | daily.dev og:description: The most upvoted 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 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/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 3. 3 [](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 4. 4 [](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 5. 5 [](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 6. 6 [](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 7. 7 [](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 8. 8 [](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 9. 9 [](https://daily.dev/posts/promise-async-await-in-javascript--hycoxiqpz "Promise & Async await in JavaScript.") Article DEV · 5y Promise & Async await in JavaScript. Promises are a new feature of ES6\. They allow you to write promise-based code as if it were synchronous. Promise is a special JavaScript object that links the “producing code” and the ‘consuming code’ together. There are 3 states of the Promise object:Pending: Initial State, before the Promise succeeds or fails; Resolved: Completed Promise; Failed: Failed Promise. 93 1 10. 10 [](https://daily.dev/posts/how-to-create-a-fancy-github-profile-with-readme--ovtkfdkhb "How to create a fancy Github profile with README?") Article DEV · 5y How to create a fancy Github profile with README? In this article, we will show you how to use GitHub in a way that you never thought could be used. You will learn how to using your GitHub profile as a resume (CV) or, even more, as a presentation site for yourself or your company. We will show how you can display the repos you are most proud of, how to list your written articles, and how to present your youtube channel. 89 5 11. 11 [](https://daily.dev/posts/functional-programming-with-js-lqg-7-hbd "Functional Programming with JS") Article DEV · 5y Functional Programming with JS Functional programming is a particular kind of declarative programming. A pure function is a function which given the same input, will always return the same output. Pure Functions: are simple and reusable.Avoid Mutability: you must avoid changing the data. Don't Iterate: you can use higher-order functions like map, filter, reduce, find. 77 12. 12 [](https://daily.dev/posts/10-awesome-websites-to-find-web-developer-remote-jobs-o9i77txi6 "10 Awesome Websites to find Web Developer Remote Jobs") Article DEV · 5y 10 Awesome Websites to find Web Developer Remote Jobs The year is 2021 and the web development job market (or programming in general tbh) is all about remote positions. If you want to take advantage of it to get your next job (or a side one), make sure to bookmark this article. Simply Hired has millions of Jobs, many of them remote. Bergamot is a remote tech jobs aggregator with thousands of job posts. 66 2 13. 13 [](https://daily.dev/posts/7-ways-to-escape-css-hell-ldugdskqb "7 Ways to Escape CSS Hell") Article DEV · 5y 7 Ways to Escape CSS Hell Here are the 7 ways to completely center whatever you want with CSS. You can also specify just margin-left: auto and margin-right: auto if you want margins on the top or bottom. Centering with flexbox has a bunch of different alignment classes that are always applied to the parent. 63 5 14. 14 [](https://daily.dev/posts/simple-screen-recorder-with-vanilla-js-vyb9hkhil "Simple Screen Recorder With Vanilla JS") Article DEV · 5y Simple Screen Recorder With Vanilla JS In this blog, you are going to learn how to create a screen recorder that does not only record your browser screen. Yes, it can record not only your active tab but the entire screen if you want. First of all, we will create an HTML file which contains a record button and a video element where you can play the recorded video. And we also need a JavaScript file. 60 4 15. 15 [](https://daily.dev/posts/learn-programming-by-playing-games-myoig3ssx "Learn programming by playing games") Article DEV · 5y Learn programming by playing games Coding games are one of the best ways to practice your programming skills. Gamification allows you to learn by playing, which is a distinctive practice to avoid burnout. Here are 10 games that will make the process of learning programming an exciting journey. If I have missed something, please let me know in the comments. 53 5 16. 16 [](https://daily.dev/posts/top-animation-libraries-for-react-vykamkh2n "Top animation libraries for React") Article DEV · 5y Top animation libraries for React There are a lot of react animation libraries available for reactjs. The top ones are listed below. If you have any questions, please comment down below. Subscribe to Cules Coding so that you don't miss the cool stuff. Back to the page you came from. 43 2 17. 17 [](https://daily.dev/posts/if-i-were-to-restart-javascript-again-from-scratch-then-i-will-follow-this-roadmap--ffewsp-aj "If I were to restart JavaScript again from scratch then I will follow this roadmap.") Article DEV · 5y If I were to restart JavaScript again from scratch then I will follow this roadmap. Every time I work in a new JavaScript framework I learn a bit more about JavaScript Fundamentals. If I were to restart Javascript again from scratch then I will follow this roadmap. An inefficient tutor can pretty quickly lead to the learner losing interest in the subject. This can have implications for your career growth. 39 1 18. 18 [](https://daily.dev/posts/why-choose-react-for-frontend--tvmzam5lc "Why choose React for frontend?") Article DEV · 5y Why choose React for frontend? React is an efficient, declarative, and flexible open-source JavaScript library for building simple, fast, and scalable frontends of web applications. It is a stronger framework because of its ability to break down the complex interface and allow users to work on individual components. Currently React is used by many fortune 500 companies including Airbnb, Tesla, Tencent QQ, and Walmart. 33 19. 19 [](https://daily.dev/posts/authentication-and-authorization-with-jwts-in-node-express-js-of7rgdidv "Authentication and Authorization with JWTs in Node && Express.js") Article DEV · 5y Authentication and Authorization with JWTs in Node && Express.js In this tutorial, we'll learn how to build an authentication system for a Nodejs & Express application using JWT. We'll be working on the project of this tutorial Build an API using Node, Express, MongoDB, and Docker . You can find the code source for this tutorial here. 30 20. 20 [](https://daily.dev/posts/top-reasons-to-build-an-app-based-on-microservices-in-node-js-bdf3zbgvf "Top reasons to build an app based on microservices in Node.js") Article DEV · 5y Top reasons to build an app based on microservices in Node.js A microservice is a software design pattern, where a group of interconnected services builds the entire application. In contrast to the monolithic approach to software development, where the application is built as one unit, microservices are responsible for one function, they’re loosely coupled, isolated from the others, and independently deployable. Building applications based on microservices allow developers to focus on clearly defined modules. 29 1 21. 21 [](https://daily.dev/posts/common-react-performance-mistakes--ewyexqmf0 "Common React performance mistakes 💣") Article DEV · 5y Common React performance mistakes 💣 React.memo is mainly used to memoize the whole component. Don't use it in a component that props is frequently changing. In-line functions shouldn't be called without arrow functions. Use the same set of rules that can be applied to useMemo too. 28 22. 22 [](https://daily.dev/posts/front-end-resources-mt1cpjd8f "Front-End Resources") Article DEV · 5y Front-End Resources This is my first post in dev.to. I met front-end development exact 1 year ago and it's the best thing ever happened to me. I want to share some resources which I use when build things, for this anniversary. I learned so many things from this resources and I hope it will be useful you too. 28 23. 23 [](https://daily.dev/posts/regex-in-javascript-with-a-cool-project--yhxvjjjxk "RegEx in JavaScript with a cool project 🔥") Article DEV · 5y RegEx in JavaScript with a cool project 🔥 RegEx is short for Regular Expresssions. RegEx are strings of special characters that are used as patterns to match against strings. There are two ways to define RegEx in JavaScript. We will be building a project using RegEx to validate mobile number in US format. 26 4 24. 24 [](https://daily.dev/posts/some-javascript-methods-you-should-know-eywge2z71 "Some Javascript Methods you should know") Article DEV · 5y Some Javascript Methods you should know In this article, we are gonna look at some javascript methods that you should know. You might know some as well if yes then feel free to skip that particular section. We are just taking a string and splitting it into an array then we use the reverse() and join() back together. Let's see how we can implement it. 25 25. 25 [](https://daily.dev/posts/how-to-create-a-stunning-github-profile-vdllljys5 "How to create a stunning GitHub Profile") Article DEV · 5y How to create a stunning GitHub Profile GitHub profiles are a good way for junior developers to show off their skills. Use adjectives that best describe you in the "About me" section. Add a hero image, or keep it simple like I did. There are many different colorful themes for your statistics. 24 2 [See all DEV archives](/sources/devto/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/devto/best-of/2021/10#page","url":"https://daily.dev/sources/devto/best-of/2021/10","name":"Best DEV Posts — October 2021","description":"The most upvoted DEV posts from October 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/devto/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/i-made-squid-game-with-javascript-z9djcxkv8","name":"I made Squid Game with JavaScript"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/secret-dev-tools-for-every-code-newbie-lev8kq1xq","name":"Secret dev tools for every code newbie"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/10-youtube-channel-you-need-to-subscribe--wbp9xuwgo","name":"10 YouTube channel you need to subscribe."},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/python-javascript--ca0yhe9xg","name":"Python + JavaScript = 🔥🔥🔥"},{"@type":"ListItem","position":6,"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":7,"url":"https://daily.dev/posts/is-your-github-empty--sl1quafqh","name":"Is your GitHub empty?"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/7-design-principles-for-developers-sovixuehg","name":"7 design principles for developers"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/promise-async-await-in-javascript--hycoxiqpz","name":"Promise & Async await in JavaScript."},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/how-to-create-a-fancy-github-profile-with-readme--ovtkfdkhb","name":"How to create a fancy Github profile with README?"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/functional-programming-with-js-lqg-7-hbd","name":"Functional Programming with JS"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/10-awesome-websites-to-find-web-developer-remote-jobs-o9i77txi6","name":"10 Awesome Websites to find Web Developer Remote Jobs"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/7-ways-to-escape-css-hell-ldugdskqb","name":"7 Ways to Escape CSS Hell"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/simple-screen-recorder-with-vanilla-js-vyb9hkhil","name":"Simple Screen Recorder With Vanilla JS"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/learn-programming-by-playing-games-myoig3ssx","name":"Learn programming by playing games"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/top-animation-libraries-for-react-vykamkh2n","name":"Top animation libraries for React"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/if-i-were-to-restart-javascript-again-from-scratch-then-i-will-follow-this-roadmap--ffewsp-aj","name":"If I were to restart JavaScript again from scratch then I will follow this roadmap."},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/why-choose-react-for-frontend--tvmzam5lc","name":"Why choose React for frontend?"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/authentication-and-authorization-with-jwts-in-node-express-js-of7rgdidv","name":"Authentication and Authorization with JWTs in Node && Express.js"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/top-reasons-to-build-an-app-based-on-microservices-in-node-js-bdf3zbgvf","name":"Top reasons to build an app based on microservices in Node.js"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/common-react-performance-mistakes--ewyexqmf0","name":"Common React performance mistakes 💣"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/front-end-resources-mt1cpjd8f","name":"Front-End Resources"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/regex-in-javascript-with-a-cool-project--yhxvjjjxk","name":"RegEx in JavaScript with a cool project 🔥"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/some-javascript-methods-you-should-know-eywge2z71","name":"Some Javascript Methods you should know"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/how-to-create-a-stunning-github-profile-vdllljys5","name":"How to create a stunning GitHub Profile"}]},{"@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":"DEV","item":"https://daily.dev/sources/devto"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/devto/best-of"},{"@type":"ListItem","position":5,"name":"October 2021"}]}]} ```