--- title: Best Community Picks posts — October 2022 | daily.dev description: The most upvoted Community Picks posts from October 2022, curated by the daily.dev community. canonical: https://daily.dev/sources/community/best-of/2022/10 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/community/best-of/2022/10 og:type: website og:site_name: daily.dev og:title: Best Community Picks posts — October 2022 | daily.dev og:description: The most upvoted Community Picks posts from October 2022, 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 Community Picks — October 2022 1. 1 [](https://daily.dev/posts/design-patterns-mxrfapckc "Design Patterns") Article Community Picks · 4y Design Patterns Design Patterns Design patterns are a toolkit of solutions to common problems in software design. They define a common language that helps your team communicate more efficiently. They can be categorized by their intent and divided into three groups. 828 42 2. 2 [](https://daily.dev/posts/developer-roadmaps-aimvj-l2n "Developer Roadmaps") Article Community Picks · 4y Developer Roadmaps Developer Roadmaps roadmap.sh is a community effort to create roadmaps, guides and other educational content to help guide the developers in picking up the path and guide their learnings. The project is OpenSource, 6th most starred project on GitHub and is visited by hundreds of thousands of developers every month. We are working on a solution for teams. Help us shape the platform. The project has a solution to build and build a new software that will be available. 767 44 3. 3 [](https://daily.dev/posts/netflix-system-design--backend-architecture-g2q-lrrvj "Netflix System Design- Backend Architecture") Article Community Picks · 4y Netflix System Design- Backend Architecture Netflix accounts for about 15% of the world's internet bandwidth traffic. Netflix operates in two clouds Amazon Web Services and Open Connect (Netflix content delivery network) The overall Netflix system consists of three main parts. Zuul as its API gateway is built to allow dynamic routing, traffic monitoring, and security, resilience to The Netty handlers on the front and back of the filters. 742 32 4. 4 [](https://daily.dev/posts/8-must-know-tips-for-writing-clean-code-with-javascript-czqhsmrxj "8 must-know tips for writing clean code with Javascript") Article Community Picks · 4y 8 must-know tips for writing clean code with Javascript Clean Javascript code can be a challenge, even for seasoned programmers. Here are the top tools and tricks you can use to take your code quality to the next level. Use a linter (ESLint/TSLint) 403 27 5. 5 [](https://daily.dev/posts/javascript-from-es6-to-es12-in-2022-5k4dlnc3e "JavaScript from ES6 to ES12 in 2022") Article Community Picks · 4y JavaScript from ES6 to ES12 in 2022 JavaScript from ES6 to ES12 in 2022 is one of the three most crucial programming at front-end positions. There are some new scripts to support software engineers by ES6 \~ ES12 for now. ECMA specification is made up of parties, including browser vendors, who meet to push JavaScript proposals. The promise is a solution to asynchronous (non-synchronous) writing, which is more elegant than the original callback writing. In the early days, it was a suite of the open-source community. 338 11 6. 6 [](https://daily.dev/posts/advice-for-junior-developers--oh8afgq9 "Advice for Junior Developers") Article Community Picks · 4y Advice for Junior Developers Writing tests is an example of a best practice, writes tests for everything. Do not use inheritance for code reuse at all when you are starting out. Write Object-Oriented code that is not STUPID. 338 11 7. 7 [](https://daily.dev/posts/git-commit-message-convention-that-you-can-follow--jwlw2teg3 "Git commit message convention that you can follow!") Article Community Picks · 4y Git commit message convention that you can follow! Git commit message convention that you can follow. Motivation of this blog is to curate all information at one place and to make more people aware about standards followed by industry. A typical git commit message will look like : "type" must be one of the following mentioned below. 318 11 8. 8 [](https://daily.dev/posts/heroku-is-no-longer-free-here-are-the-best-alternatives-iie33y3zf "Heroku Is No Longer Free, Here Are The Best Alternatives") Article Community Picks · 4y Heroku Is No Longer Free, Here Are The Best Alternatives Heroku is a famous PAAS service that allows developers to deploy apps very easily and in various languages and frameworks. At the date of writing this post, 27 August 2022, Heroku does have a free tier to be used for learning purposes and for non-commercial apps like your own personal projects. 292 18 9. 9 [](https://daily.dev/posts/html-reference-psu-7utf7 "HTML Reference") Article Community Picks · 4y HTML Reference HTML Reference is free and always will be! Please whitelist us in your ad blocker. Learn by example: HTMLreference.io is a free guide to HTML. It features all elements and attributes. 236 13 10. 10 [](https://daily.dev/posts/clean-code-a-practical-approach-571cjxex8 "Clean Code — A practical approach") Article Community Picks · 4y Clean Code — A practical approach Clean Code is a practical approach to how to write code. It's mandatory to talk about the book written by Robert C. Martin in 2008 with the same name. But there are more books and experienced developers talking about similar concepts before the first release of the book. 187 11 11. 11 [](https://daily.dev/posts/why-useeffect-is-a-bad-place-to-make-api-calls-affwfkj-h "Why useEffect is a bad place to make API calls") Article Community Picks · 4y Why useEffect is a bad place to make API calls UseEffect is a bad place to make API calls on useEffect. The design choices react team have made in useEffect hook are still a heated debate. The default behaviour is the dreaded ‘Infinite Render Loop’ which is pretty easy to run into. 177 8 12. 12 [](https://daily.dev/posts/make-your-react-apps-fast-again-o6yn0qp7o "Make your React apps fast again") Article Community Picks · 4y Make your React apps fast again Profiler can help you improve performance of a React application. We will go over ways to improve the performance of an app, including some pre-optimization techniques. We can use the Profiler in the React DevTools to measure performance of our apps. To use the profiler, you must Some are asynchronous, such as background HTTP calls, while others occur by user or You. 170 6 13. 13 [](https://daily.dev/posts/with-30-articles-you-will-not-be-confused-when-learning-typescript-34fwsbdns "With 30+ Articles, You Will Not Be Confused When Learning TypeScript") Article Community Picks · 4y With 30+ Articles, You Will Not Be Confused When Learning TypeScript This series will introduce the core knowledge and techniques of TypeScript in the form of animations. With 30+ Articles, You Will Not Be Confused When Learning TypeScript Through Vivid Animations, You Can Easily Understand the Difficult Points and Core Knowledge of Type javascript.plainenglish.io Purpose of Declare Keyword in TypeScript A Detailed Introduction to the Role of Type Script Declare. 159 7 14. 14 [](https://daily.dev/posts/introducing-the-fleet-public-preview-jlkfti7l9 "Introducing the Fleet Public Preview") Article Community Picks · 4y Introducing the Fleet Public Preview Fleet is our new distributed polyglot editor and IDE. It has been built from the ground up using our IntelliJ Platform on the backend and a brand new UI and distributed architecture. We’re still at the beginning of a long journey with Fleet, and we hope you’ll join us for what will be a great adventure. 143 23 15. 15 [](https://daily.dev/posts/lazy-loading-in-images-with-react-js--b6resjult "Lazy Loading in images with React JS 😴") Article Community Picks · 4y Lazy Loading in images with React JS 😴 Lazy Loading in images with React JS is very important nowadays to improve the performance of your website. Performing image optimization helps your website to be faster, have better SEO and improve user experience. This time you will learn how to lazy load images in an application with React \[...Array.from(Array(items).keys) The solution is to implement lazy loading. With this, the 15 images would appear downwards. 145 13 16. 16 [](https://daily.dev/posts/the-web-s-next-transition-w2wverhye "The Web’s Next Transition") Article Community Picks · 4y The Web’s Next Transition The web is made up of technologies that got their start over 25 years ago. AJAX was popularized as a term in 2005 and a lot of people started making HTTP requests in the browser. 130 7 17. 17 [](https://daily.dev/posts/a-deep-dive-into-css-grid-minmax--utrsakytq "A Deep Dive Into CSS Grid minmax()") Article Community Picks · 4y A Deep Dive Into CSS Grid minmax() CSS Grid minmax() can’t handle responsive design by itself. The definition of minmax(min, max) is as the following: Defines a size range greater than or equal to min. In the video below, the dotted rectangle represents the additional space. When the viewport is bigger, the browser collapses the rectangle and distribute its width between the other grid items. When using auto-fill/fit, you might get the same result. The browser deals with that differently. 120 4 18. 18 [](https://daily.dev/posts/design-patterns-in-software-development-tostez-lt "Design Patterns in Software Development") Article Community Picks · 4y Design Patterns in Software Development Design Patterns in Software Development is a specific programming pattern to solve a specific problem. Using a Design Pattern can help to build effective software with usability increased to many folds. Design Patterns Helps to create more Reusability Friendly Code that is easy to handle. 116 5 19. 19 [](https://daily.dev/posts/how-to-be-better-at-algorithms-examples-for-beginners-thgy11xqr "How to be Better at Algorithms? | Examples for Beginners") Article Community Picks · 4y How to be Better at Algorithms? | Examples for Beginners The design of an algorithm depends on the complexity of the problem it needs to solve. Pointer Traversal or Pathfinding: when searching a graph or network, it’s important to use a proven search algorithm. Hash Table: Hash table algorithms are used for a variety of purposes, such as collision detection and pathfinding. 107 5 20. 20 [](https://daily.dev/posts/11-features-in-node-js-18-you-need-to-try-v-feqwjva "11 Features in Node.js 18 you need to try") Article Community Picks · 4y 11 Features in Node.js 18 you need to try Node.js 18 was released on the 19th of April this year. The community is looking forward to this release with many new features and other benefits. You can now use Node Watch index on your file name to start watching your files without having to install anything. 104 4 21. 21 [](https://daily.dev/posts/want-cleaner-code-use-the-rule-of-six-wj0oupgw8 "Want cleaner code? Use the rule of six") Article Community Picks · 4y Want cleaner code? Use the rule of six Short lines of code require less brainpower to read than long ones. In some languages, you can assign two values to two variables on one line: x, y = You can even combine MORF and SIMPLE. 104 4 22. 22 [](https://daily.dev/posts/fully-typed-web-apps-3ts-5wpik "Fully Typed Web Apps") Article Community Picks · 4y Fully Typed Web Apps The secret to fully typed web apps is typing the boundaries. There are plenty of examples of boundaries you’ll encounter on the web. There’s a handy utility I use in almost all my projects to make this slightly nicer on the eyes. It's just a tricky problem because TypeScript doesn’t know your conventions or config. 100 3 23. 23 [](https://daily.dev/posts/laws-of-ux-8tlmur1uv "Laws of UX") Article Community Picks · 4y Laws of UX The Von Restorff effect predicts that when multiple similar objects are present, the one that differs from the rest is most likely to be remembered. People will perceive and interpret ambiguous or complex images as the simplest form possible. People remember uncompleted or interrupted tasks better than completed tasks. 96 4 24. 24 [](https://daily.dev/posts/the-perfect-commit-q4rc3c-7i "The Perfect Commit") Article Community Picks · 4y The Perfect Commit The Perfect Commit is a single, focused change that should be treated thoughtfully and with care. For things like web applications that can be deployed to production, a commit should be a unit that could be deployed. 88 4 25. 25 [](https://daily.dev/posts/devops-is-bullshit-kxdpv9r7k "DevOps is Bullshit") Article Community Picks · 4y DevOps is Bullshit DevOps started as a well-intentioned set of practices and culture, but it has devolved into an unholy beast of division and tunnel vision. Coding Coding is becoming more and more of a hodge-podge of cloud APIs. We should want to write and run less code, not run more code. The silos are a feature, not a bug. 84 10 [See all Community Picks archives](/sources/community/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/community/best-of/2022/10#page","url":"https://daily.dev/sources/community/best-of/2022/10","name":"Best Community Picks Posts — October 2022","description":"The most upvoted Community Picks posts from October 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/community/best-of/2022/10#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/design-patterns-mxrfapckc","name":"Design Patterns"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/developer-roadmaps-aimvj-l2n","name":"Developer Roadmaps"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/netflix-system-design--backend-architecture-g2q-lrrvj","name":"Netflix System Design- Backend Architecture"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/8-must-know-tips-for-writing-clean-code-with-javascript-czqhsmrxj","name":"8 must-know tips for writing clean code with Javascript"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/javascript-from-es6-to-es12-in-2022-5k4dlnc3e","name":"JavaScript from ES6 to ES12 in 2022"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/advice-for-junior-developers--oh8afgq9","name":"Advice for Junior Developers"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/git-commit-message-convention-that-you-can-follow--jwlw2teg3","name":"Git commit message convention that you can follow!"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/heroku-is-no-longer-free-here-are-the-best-alternatives-iie33y3zf","name":"Heroku Is No Longer Free, Here Are The Best Alternatives"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/html-reference-psu-7utf7","name":"HTML Reference"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/clean-code-a-practical-approach-571cjxex8","name":"Clean Code — A practical approach"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/why-useeffect-is-a-bad-place-to-make-api-calls-affwfkj-h","name":"Why useEffect is a bad place to make API calls"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/make-your-react-apps-fast-again-o6yn0qp7o","name":"Make your React apps fast again"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/with-30-articles-you-will-not-be-confused-when-learning-typescript-34fwsbdns","name":"With 30+ Articles, You Will Not Be Confused When Learning TypeScript"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/introducing-the-fleet-public-preview-jlkfti7l9","name":"Introducing the Fleet Public Preview"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/lazy-loading-in-images-with-react-js--b6resjult","name":"Lazy Loading in images with React JS 😴"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/the-web-s-next-transition-w2wverhye","name":"The Web’s Next Transition"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/a-deep-dive-into-css-grid-minmax--utrsakytq","name":"A Deep Dive Into CSS Grid minmax()"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/design-patterns-in-software-development-tostez-lt","name":"Design Patterns in Software Development"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/how-to-be-better-at-algorithms-examples-for-beginners-thgy11xqr","name":"How to be Better at Algorithms? | Examples for Beginners"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/11-features-in-node-js-18-you-need-to-try-v-feqwjva","name":"11 Features in Node.js 18 you need to try"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/want-cleaner-code-use-the-rule-of-six-wj0oupgw8","name":"Want cleaner code? Use the rule of six"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/fully-typed-web-apps-3ts-5wpik","name":"Fully Typed Web Apps"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/laws-of-ux-8tlmur1uv","name":"Laws of UX"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/the-perfect-commit-q4rc3c-7i","name":"The Perfect Commit"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/devops-is-bullshit-kxdpv9r7k","name":"DevOps is Bullshit"}]},{"@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":"Community Picks","item":"https://daily.dev/sources/community"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/community/best-of"},{"@type":"ListItem","position":5,"name":"October 2022"}]}]} ```