--- title: Best developer posts — September 2022 | daily.dev description: The most upvoted daily.dev posts from September 2022, curated by the daily.dev community. canonical: https://daily.dev/posts/best-of/2022/09 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/posts/best-of/2022/09 og:type: website og:site_name: daily.dev og:title: Best developer posts — September 2022 | daily.dev og:description: The most upvoted daily.dev posts from September 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 daily.dev — September 2022 1. 1 [](https://daily.dev/posts/javascript-patterns-workshop-q5cezwatt "JavaScript Patterns Workshop") Article Community Picks · 4y JavaScript Patterns Workshop The goal is to raise awareness to certain patterns, the problems they solve, and their implementation. The patterns covered on this website and in the workshop can guide you when facing a problem other developers have encountered many times before, but are not a blunt tool for jamming into every scenario. 655 47 2. 2 [](https://daily.dev/posts/how-https-works-jkkouacfc "How HTTPS works") Article Community Picks · 4y How HTTPS works Follow the adventures of Certificat, Browserbird, and Compugter as they explain why HTTPS is crucial for the future of the web and how it all works together. Get to know HTTPS and why it is essential to your privacy. 575 40 3. 3 [](https://daily.dev/posts/how-to-make-github-profile-readme-md-looks-awesome--xt4gvxd9x "How to make github profile readme.md looks awesome.") Article Community Picks · 4y How to make github profile readme.md looks awesome. Go to your Github profile and type the repository name as your owner name. Type your social account name alone: Select what GitHub features you want to display in your profile. Click the public option for your online account name to see what you can use in your GitHub profile. Click the Edit profile button: and type your name, BIO, URL (your personal portfolio website, and location. If you don't have a website and want one. 386 31 4. 4 [](https://daily.dev/posts/how-to-prepare-for-react-interviews-front-end-technical-interview-guide-ez0ekqd4i "How to Prepare for React Interviews – Front-End Technical Interview Guide") Article freeCodeCamp · 4y How to Prepare for React Interviews – Front-End Technical Interview Guide A polyfill is a custom implementation of native JavaScript functions. The.map() polyfill method takes in a callback that gets executed inside the myMap body. This is nothing but the length of the array through which theMyMap function is called. Since map() returns a new array, we create an empty array and push the results into it. In order to implement debouncing, let's take an example. 369 40 5. 5 [](https://daily.dev/posts/theatre-js---animation-and-3d-editor-for-javascript-scxpkims9 "Theatre.js - Animation and 3D editor for JavaScript") Article Product Hunt · 4y Theatre.js - Animation and 3D editor for JavaScript Animation and 3D editor for JavaScript APIs to automatically transcribe and understand audio 366 29 6. 6 [](https://daily.dev/posts/system-design-netflix-1hqhewixr "System Design: Netflix") Article DEV · 4y System Design: Netflix Netflix is a subscription-based streaming service that allows its members to watch TV shows and movies on an internet-connected device. The system should meet the following requirements: Users should be able to stream and share videos. This API will allow our users to post a comment on a video (like YouTube) The tweet service will handle video streaming-related functionality. It will be discussed in detail separately. 345 14 7. 7 [](https://daily.dev/posts/making-a-fast-website-is-super-easy-vk259awq6 "Making a fast website is SUPER EASY") Article Community Picks · 4y Making a fast website is SUPER EASY For a website whose goal is to convert customers by selling goods or services, the website should be attractive to look at. Images take up a huge part of the website's total size. As of August 2022, images made up on average 45% on desktop and 44% on mobile of a page’s total weight. Optimizing the images can therefore result in big and easy wins. 344 25 8. 8 [](https://daily.dev/posts/recommend-api-jrz82wxke "Recommend API") Article Slack engineering · 4y Recommend API Recommend API allows us to quickly bootstrap new recommendation use cases behind an API which is easily accessible to engineers at Slack. These recommenders reuse a common set of infrastructure for every part of the recommendation engine. This has allowed us to deliver a number of different recommendation models across the product, driving improved customer experience. 333 16 9. 9 [](https://daily.dev/posts/git-cheatsheet-pz-20josy "Git Cheatsheet") Article DEV · 4y Git Cheatsheet The command is particularly useful in combination with git add when you only want to commit certain files. If you have changes in your current branch, you will need to either stash them or undo. A rebase will look at each commit on your branch and update the code to make it seem like you've been working off the new base all along. It doesn't know which version of the code. 328 10 10. 10 [](https://daily.dev/posts/book-recommendations-for-software-engineers-zm4mhmvyn "Book Recommendations for Software Engineers") Article Pointer · 4y Book Recommendations for Software Engineers Algorithms to Live By Algorithm To Live By explains computer science algorithms in plain language and points out how relevant they are to our lives by solving problems we all encounter every day. The book is all about how we use technology in our lives and how society has been transformed as a result of the latest technological development. 299 18 11. 11 [](https://daily.dev/posts/goodbye-electron-hello-tauri-a-rust-powered-backend-framework-acabzgkdv "Goodbye Electron. Hello Tauri, A Rust-powered Backend Framework") Article Better Programming · 4y Goodbye Electron. Hello Tauri, A Rust-powered Backend Framework Electron is a Rust-powered Backend Framework paired with a React frontend to offer an awesome browser-less experience. Tauri is a toolkit that helps developers make applications for the major desktop platforms — using virtually any frontend framework in existence. For completeness, you can find the entire code base for my community project on my Gitlab. 278 13 12. 12 [](https://daily.dev/posts/top-30-react-interview-questions-and-concepts-i5ejdm-y "Top 30 React Interview Questions and Concepts") Article freeCodeCamp · 4y Top 30 React Interview Questions and Concepts The freeCodeCamp.org course teaches you about 30 common React interview questions and concepts. Nishant Singh developed this course to help you prepare for a React interview. 274 3 13. 13 [](https://daily.dev/posts/the-algorithms-jniwwrkea "The Algorithms") Article Changelog · 4y The Algorithms The Algorithms Hello, algorithms! Welcome to GitHub's largest open-source algorithm library. We are a group of programmers helping each other build new things. Each language has its own GitHub repository where all the code for the algorithms is stored. 244 10 14. 14 [](https://daily.dev/posts/vscheatsheet---shortcuts-in-the-shortest-time-possible-l124juxy3 "VSCheatsheet - Shortcuts in the shortest time possible") Article Product Hunt · 4y VSCheatsheet - Shortcuts in the shortest time possible Shortcuts in the shortest time possible VSCheatsheet provides a list of instructive illustrations with the most frequently used shortcuts and extensions in V 239 8 15. 15 [](https://daily.dev/posts/code-a-minecraft-clone-using-react-and-three-js-ha7-dk06 "Code a Minecraft Clone Using React and Three.js") Article freeCodeCamp · 4y Code a Minecraft Clone Using React and Three.js Code a Minecraft clone using React, JavaScript, and Three.js is a course on the freeCodeCamp.org YouTube channel. You will learn about many React concepts such as useState, useEffect, useRef and custom Hooks for State management. 230 6 16. 16 [](https://daily.dev/posts/how-to-write-maintainable-javascript-code-in-2023-web-or-node-js-wrow5x1cd "How to write maintainable JavaScript code in 2023 — Web or Node.js") Article Dev Genius · 4y How to write maintainable JavaScript code in 2023 — Web or Node.js Using TypeScript everywhere is best suited for JS developers with at least medium experience. Don’t be scared of TypeScript. Use prototypes and/or MVPs before implementing complex features. Use ESLint and Prettier together and you can focus on what your code does. If you use prettier, it will join multi-line breaks. 229 13 17. 17 [](https://daily.dev/posts/gitignore-io-is-great-gzf82twtk "gitignore.io is great") Article Community Picks · 4y gitignore.io is great gitignore.io is a tool that is so profoundly helpful that I've forgotten what life was like without it. Its purpose is simple: for any project you're working on, it'll generate a valid.gitignore file for you. You can write it by hand, or grab one from another project you work on. 214 16 18. 18 [](https://daily.dev/posts/learn-pwa-rik7xf4su "Learn PWA") Article Changelog · 4y Learn PWA Learn PWA fundamentals like the Web App Manifest, service workers, how to design with an app in mind, what's different from a classic web app, and how to Window management A PWA outside of the browser manages its own window. In this chapter, you will understand the APIs and capabilities for managing a window. 207 1 19. 19 [](https://daily.dev/posts/6-best-practices-for-software-delivery-dpzjdy9xa "6 Best Practices for Software Delivery") Article Medium · 4y 6 Best Practices for Software Delivery The Testing Pyramid is a great starting point, and the Testing Pyramid to Fail Fast and Reduce Risk. The longer you leave feedback, the most costly it will become, you start having to interrupt people from other work, and after weeks/months pass by, it’s more likely that people and knowledge will leave. 205 11 20. 20 [](https://daily.dev/posts/adobe-will-acquire-figma-for-20-billion-e6gmc-lr1 "Adobe Will Acquire Figma for $20 Billion") Article 80 LEVEL · 4y Adobe Will Acquire Figma for $20 Billion Art by Vijay Verma Adobe has announced it will acquire the collaborative design platform Figma for approximately $20 billion. Dylan Field and Evan Wallace began working on Figma in 2012, now the app is popular among designers and developers. The transaction is expected to close in 2023. 200 51 21. 21 [](https://daily.dev/posts/how-to-lazy-load-images-in-react--5d2gcr0k "How to Lazy Load Images in React") Article freeCodeCamp · 4y How to Lazy Load Images in React Lazy loading is a strategy that delays the loading of some assets (e.g., images) until they are needed by the user based on the user's activity and navigation pattern. For browsers like Firefox, the loading= "lazy" property doesn't work in an iframe element. To use the placeholder image, add a PlaceholderSrc attribute to the image with the value of the image. You can see how it is. 197 15 22. 22 [](https://daily.dev/posts/top-30-system-design-interview-questions-and-problems-for-programmers-and-software-engineers-icp3v7z0p "Top 30 System Design Interview Questions and Problems for Programmers and Software Engineers") Article Faun · 4y Top 30 System Design Interview Questions and Problems for Programmers and Software Engineers System design is a process of defining the elements of a system such as the modules, components, various interfaces and architecture. Here are the top 20 System Design interview questions you can prepare before your next Interview. What are the Types of Documentation in System Design? What do you understand by load balancing? Why is it important in system design? 187 4 23. 23 [](https://daily.dev/posts/design-freedom-for-teams-pgdtass2z "Design Freedom for Teams") Article Hacker News · 4y Design Freedom for Teams Penpot is the first Open Source design and prototyping platform meant for cross-domain teams. It's not dependent on operating systems or installations, you will only need to run a modern browser. You can access the project on GitHub and follow the contribution instructions. 186 18 24. 24 [](https://daily.dev/posts/best-practices-for-scaling-your-node-js-rest-apis-4nu2ywmmo "Best Practices for Scaling Your Node.js REST APIs") Article freeCodeCamp · 4y Best Practices for Scaling Your Node.js REST APIs Use throttling at the first junction point between your application and the News Feed Service. Use the ELK stack for setting up a good logging and alerting pipeline. If a request goes through multiple services during the lifecycle, you can pass along a unique ID in the logs to capture a particular request across all the services. 180 20 25. 25 [](https://daily.dev/posts/building-a-full-stack-web3-youtube-clone-with-next-ipfs-the-graph-solidity-and-polygon-ge5pkhlnz "Building a Full Stack Web3 YouTube Clone with Next, IPFS, The Graph, Solidity, and Polygon") Article Community Picks · 4y Building a Full Stack Web3 YouTube Clone with Next, IPFS, The Graph, Solidity, and Polygon Next, IPFS, The Graph, Solidity, and Polygon Table of contents. Building a full-stack YouTube clone on top of the Polygon blockchain using the below tech stack. The next step is to set up a next.js app and install the required dependencies. The smart contract is a decentralized program that responds to events by executing business logic. 179 6 [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/2022/09#page","url":"https://daily.dev/posts/best-of/2022/09","name":"Best Developer Posts — September 2022","description":"The most upvoted daily.dev posts from September 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/posts/best-of/2022/09#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/javascript-patterns-workshop-q5cezwatt","name":"JavaScript Patterns Workshop"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/how-https-works-jkkouacfc","name":"How HTTPS works"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/how-to-make-github-profile-readme-md-looks-awesome--xt4gvxd9x","name":"How to make github profile readme.md looks awesome."},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/how-to-prepare-for-react-interviews-front-end-technical-interview-guide-ez0ekqd4i","name":"How to Prepare for React Interviews – Front-End Technical Interview Guide"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/theatre-js---animation-and-3d-editor-for-javascript-scxpkims9","name":"Theatre.js - Animation and 3D editor for JavaScript"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/system-design-netflix-1hqhewixr","name":"System Design: Netflix"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/making-a-fast-website-is-super-easy-vk259awq6","name":"Making a fast website is SUPER EASY"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/recommend-api-jrz82wxke","name":"Recommend API"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/git-cheatsheet-pz-20josy","name":"Git Cheatsheet"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/book-recommendations-for-software-engineers-zm4mhmvyn","name":"Book Recommendations for Software Engineers"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/goodbye-electron-hello-tauri-a-rust-powered-backend-framework-acabzgkdv","name":"Goodbye Electron. Hello Tauri, A Rust-powered Backend Framework"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/top-30-react-interview-questions-and-concepts-i5ejdm-y","name":"Top 30 React Interview Questions and Concepts"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/the-algorithms-jniwwrkea","name":"The Algorithms"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/vscheatsheet---shortcuts-in-the-shortest-time-possible-l124juxy3","name":"VSCheatsheet - Shortcuts in the shortest time possible"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/code-a-minecraft-clone-using-react-and-three-js-ha7-dk06","name":"Code a Minecraft Clone Using React and Three.js"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/how-to-write-maintainable-javascript-code-in-2023-web-or-node-js-wrow5x1cd","name":"How to write maintainable JavaScript code in 2023 — Web or Node.js"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/gitignore-io-is-great-gzf82twtk","name":"gitignore.io is great"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/learn-pwa-rik7xf4su","name":"Learn PWA"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/6-best-practices-for-software-delivery-dpzjdy9xa","name":"6 Best Practices for Software Delivery"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/adobe-will-acquire-figma-for-20-billion-e6gmc-lr1","name":"Adobe Will Acquire Figma for $20 Billion"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/how-to-lazy-load-images-in-react--5d2gcr0k","name":"How to Lazy Load Images in React"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/top-30-system-design-interview-questions-and-problems-for-programmers-and-software-engineers-icp3v7z0p","name":"Top 30 System Design Interview Questions and Problems for Programmers and Software Engineers"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/design-freedom-for-teams-pgdtass2z","name":"Design Freedom for Teams"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/best-practices-for-scaling-your-node-js-rest-apis-4nu2ywmmo","name":"Best Practices for Scaling Your Node.js REST APIs"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/building-a-full-stack-web3-youtube-clone-with-next-ipfs-the-graph-solidity-and-polygon-ge5pkhlnz","name":"Building a Full Stack Web3 YouTube Clone with Next, IPFS, The Graph, Solidity, and Polygon"}]},{"@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":"September 2022"}]}]} ```