--- title: Best General Programming posts of 2022 | daily.dev description: The most upvoted General Programming posts of 2022, curated by the daily.dev community. canonical: https://daily.dev/tags/general-programming/best-of/2022 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/general-programming/best-of/2022 og:type: website og:site_name: daily.dev og:title: Best General Programming posts of 2022 | daily.dev og:description: The most upvoted General Programming posts of 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 General Programming — 2022 1. 1 [](/posts/modern-web-app-design-patterns-rq-gjl21w "Modern Web App Design Patterns") Article Community Picks · 4y Modern Web App Design Patterns Design patterns are descriptive, not prescriptive. They can guide you when facing a problem other developers have encountered many times before. They are not a blunt tool for jamming into every scenario. Patterns.dev aims to be a catalog of patterns (for increasing awareness) rather than a checklist (what you must do) 830 39 2. 2 [](/posts/the-complete-modern-react-developer-2022-sf0bdvinq "The Complete Modern React Developer 2022") Article Hashnode · 4y The Complete Modern React Developer 2022 This course will give you the skills and knowledge to become a Software Developer across the full stack. We will be building a super basic Twitter clone that has CRUD functionality for posting, reading and deleting tweets. In this section you will learn how to setup a Node backend using both Express.js and Nestjs. And as a bonus you will also learn some DevOps when we put a MongoDB and Postgres database inside of a Docker container. 586 35 3. 3 [](/posts/how-to-write-better-git-commit-messages-a-step-by-step-guide--kofjpyn "How to Write Better Git Commit Messages – A Step-By-Step Guide") Article freeCodeCamp · 5y How to Write Better Git Commit Messages – A Step-By-Step Guide This guide outlines steps to elevate your commit messages that you can start implementing today. When first introduced to Git, it's typical for developers to feel uncomfortable with the process. You could save yourself and/or coworkers hours of digging around while troubleshooting by providing that helpful description. 464 46 4. 4 [](/posts/the-front-end-developer-s-guide-to-the-terminal-yydefkoh1 "The Front-End Developer's Guide to the Terminal") Article Josh W Comeau · 4y The Front-End Developer's Guide to the Terminal Modern front-end frameworks like React, Angular, and Vue rely heavily on the terminal. If you're not comfortable with command line interfaces, you'll struggle to run a local development server or build your application. We don't really need to know 98% of the stuff you can do with a terminal. Instead, we should focus on the most-important critical fundamentals. 456 27 5. 5 [](/posts/jokes-only-programmers-will-understand-lgwoewtug "Jokes only programmers will understand") Article Hashnode · 4y Jokes only programmers will understand To understand these jokes, you have to be a programmer, and if you're not don't worry. Laugh and also share them with your friends that are programmers. It isn't an easy thing to become a programmer. You need some minutes to at least laugh and forget the stress you've been through. 433 45 6. 6 [](/posts/github-copilot-is-generally-available-to-all-developers-ldkzyy-z2 "GitHub Copilot is generally available to all developers") Article GitHub Blog · 4y GitHub Copilot is generally available to all developers GitHub Copilot is an editor extension that suggests code in real time. It's free to use for verified students and maintainers of popular open source software. Starting today, it’s now available to all developers, and we’ll offer it to companies later this year. 370 41 7. 7 [](/posts/the-complete-guide-to-regular-expressions-regex--4wkqhdpap "The Complete Guide to Regular Expressions (Regex)") Article DEV · 4y The Complete Guide to Regular Expressions (Regex) A Regular Expression is a syntax that allows you to match strings with specific patterns. A regular expression adds the ability to use quantifiers, pattern collections, special characters, and capture groups to create extremely advanced search patterns. Regex can be used any time you need to query string-based data, such as analyzing command line output. 355 14 8. 8 [](/posts/the-code-review-pyramid-a5tm76e59 "The Code Review Pyramid") Article Pointer · 5y The Code Review Pyramid The "Code Review Pyramid" is a visual guide for code reviews. It aims to show which aspects of a code change should be focused on the most and which should be automated. The visual is available as an SVG file and can be printed as a high-res version. 355 13 9. 9 [](/posts/git-commands---cheat-sheet-for-all-developers-9t9ol9m4s "Git Commands - Cheat Sheet for All Developers") Article Honeypot · 4y Git Commands - Cheat Sheet for All Developers Git is a powerful tool for all developers, but some commands are easily forgotten or unknown for junior developers. Here is a comprehensive recap of the Git commands you might need in your everyday developer life. I’ve added complementary links if you want to dig deeper or need specific support for your problem. 354 8 10. 10 [](/posts/a-swiss-army-knife-for-developers-ipc3yh-r0 "A Swiss Army knife for developers") Article Pointer · 5y A Swiss Army knife for developers DevToys works entirely offline! No need to use many untruthful websites to do simple tasks with your data. Free, open source and offline. 14+ tools are available, including: JWT decoder, Hash generator and Json to Yaml converter. 352 37 11. 11 [](/posts/copilot-works-so-well-because-it-steals-open-source-code-and-strips-credit-cxvof8poe "Copilot works so well because it steals open source code and strips credit") Article The Next Web · 4y Copilot works so well because it steals open source code and strips credit The Software Freedom Conservancy announced its withdrawal from GitHub today. The SFC is upset that Microsoft and OpenAI trained an AI system called Copilot on data that was published under an open-source license. The only way to get access to Copilot is through a special invitation from Microsoft or paid subscription. 304 45 12. 12 [](/posts/javascript-knowledge-map---interactive-knowledge-map-for-javascript-ptmw5rzqs "JavaScript Knowledge Map - Interactive Knowledge Map for JavaScript") Article Product Hunt · 5y JavaScript Knowledge Map - Interactive Knowledge Map for JavaScript 305 18 13. 13 [](/posts/solid-principles-sketches-2kiqot4fj "SOLID Principles Sketches") Article ITNEXT · 4y SOLID Principles Sketches SOLID Principles Sketches allows you to do interactive (nested) sketches. Each SOLID principle has a dedicated sketch page that looks like the following Single Responsibility Principle SRP Sketch A class should have only a single responsibility. No client should be forced to depend on methods it does not use. 303 15 14. 14 [](/posts/yes-i-can-connect-to-a-db-in-css-9ufa0-7dd "Yes, I can connect to a DB in CSS") Article Hacker News · 5y Yes, I can connect to a DB in CSS A new set of APIs give your browser the power to control CSS via its own Object Model in Javascript. This means that you can make custom CSS styles, add custom properties, and so on. The CSS Paint Worklet5 allows you to 'paint' on an element, and have the browser treat it as an image in CSS. 300 25 15. 15 [](/posts/awesome-selfhosted-awesome-selfhosted-a-list-of-free-software-network-services-and-web-applications-2wrd-48qx "awesome-selfhosted/awesome-selfhosted: A list of Free Software network services and web applications which can be hosted on your own servers") Article Pointer · 4y awesome-selfhosted/awesome-selfhosted: A list of Free Software network services and web applications which can be hosted on your own servers This is a list of Free Software network services and web applications which can be hosted on your own server(s) Non-Free software is listed on the non-Free page. Awesome-Selfhosted is the practice of hosting and managing applications on your OWN server. 294 10 16. 16 [](/posts/build-beautiful-ui-components-with-nextui-wrrl5pppi "Build beautiful UI components with NextUI") Article asayer · 4y Build beautiful UI components with NextUI NextUI is a modern React UI framework that allows you to make beautiful and fast websites/applications regardless of your design experience. You can create beautiful UI in your React and Nextjs application with just a little customization in the App.jsx to load the NextUI provider. It has many cool features, which is why it is loved and used by many developers. 294 16 17. 17 [](/posts/algorithms-in-javascript-with-visual-examples--pozvzdpro "Algorithms in JavaScript with visual examples.") Article Community Picks · 4y Algorithms in JavaScript with visual examples. Recursion is a way to represent the time and space complexity of an algorithm. Every time the first element of array will be sliced, because we have already cheked it for odd or even. 293 15 18. 18 [](/posts/5-tips-for-writing-cleaner-code-vyqikwvqn "5 Tips For Writing Cleaner Code") Article Hashnode · 4y 5 Tips For Writing Cleaner Code Nesting in code is something we do all the time, and although there's nothing inherently wrong with nesting, it can sometimes make code harder to read. The "Return Early" design pattern allows us to use the if statement as a guard clause to check for errors and return before executing any further code. 283 18 19. 19 [](/posts/google-programmers-how-one-idiot-hired-a-couple-more-idiots-yjt0g4wik ""Google" programmers. How one idiot hired a couple more idiots") Article Community Picks · 4y "Google" programmers. How one idiot hired a couple more idiots Ivan Belokamentsev is the founder of PVS-Studio, a Russian IT company. He changed the recruitment plan for programmers to make them write code on a computer, not on a sheet of paper. The change made a huge difference in the productivity of his team. 279 45 20. 20 [](/posts/diagram-as-code-c1udvr6fx "Diagram as Code") Article ByteByteGo · 4y Diagram as Code 273 16 21. 21 [](/posts/7-tips-for-clean-react-typescript-code-you-must-know-uhlxvoj2i "7 Tips for Clean React TypeScript Code you Must Know") Article Community Picks · 4y 7 Tips for Clean React TypeScript Code you Must Know Clean code isn't code that just works. It refers to neatly organized code which is easy to read, simple to understand and a piece of cake to maintain. Let's take a look at some of the best practices for clean code in React. Provide explicit types for all values. Take the previous state into account while updating the state. 248 2 22. 22 [](/posts/understanding-layout-algorithms-wkhw-upv9 "Understanding Layout Algorithms") Article Josh W Comeau · 5y Understanding Layout Algorithms CSS is so much more than a collection of properties. It's a constellation of inter-connected layout algorithms. Each algorithm is a complex system with its own rules and secret mechanisms. We need to learn how the layout algorithms work, and how they use the properties we provide to them. 239 17 23. 23 [](/posts/the-complete-guide-to-full-stack-web3-development-wcaeztdpx "The Complete Guide to Full Stack Web3 Development") Article DEV · 5y The Complete Guide to Full Stack Web3 Development This is the third guide in my "Full Stack" web3 series. Building a full stack web3 app with Next.js, Polygon, Solidity, The Graph, IPFS, and Hardhat. The app we'll be building is a full Stack blog as well as a content management system (CMS) 233 12 24. 24 [](/posts/write-better-commits-build-better-projects-q7m-vt0h1 "Write Better Commits, Build Better Projects") Article GitHub Blog · 4y Write Better Commits, Build Better Projects Commits in Git repositories are more than just save points or logs of incremental progress in a larger project. Over time, commits should tell a story of the history of your repository and how it came to be the way that it currently is. It’s been my experience that commits are most effective when they’re tweaked and polished to deliberately convey a message. 227 14 25. 25 [](/posts/how-we-built-daily-dev-the-150k-developer-community-u3rtdicxi "How we built daily.dev, the 150k+ developer community") Article gitconnected · 4y How we built daily.dev, the 150k+ developer community daily.dev is the top news resource for programmers and one of the largest communities with 150k+ active developers. CEO Nimrod Kramer shares their mission of building a platform where developers grow together, and how they have achieved explosive growth over the past few years. Click here to read the full interview with the CEO and Co-Founder. 221 28 [See all General Programming archives](/tags/general-programming/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/tags/general-programming/best-of/2022#page","url":"https://daily.dev/tags/general-programming/best-of/2022","name":"Best General Programming Posts of 2022","description":"The most upvoted General Programming posts of 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/general-programming/best-of/2022#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/modern-web-app-design-patterns-rq-gjl21w","name":"Modern Web App Design Patterns"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/the-complete-modern-react-developer-2022-sf0bdvinq","name":"The Complete Modern React Developer 2022"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/how-to-write-better-git-commit-messages-a-step-by-step-guide--kofjpyn","name":"How to Write Better Git Commit Messages – A Step-By-Step Guide"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/the-front-end-developer-s-guide-to-the-terminal-yydefkoh1","name":"The Front-End Developer's Guide to the Terminal"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/jokes-only-programmers-will-understand-lgwoewtug","name":"Jokes only programmers will understand"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/github-copilot-is-generally-available-to-all-developers-ldkzyy-z2","name":"GitHub Copilot is generally available to all developers"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/the-complete-guide-to-regular-expressions-regex--4wkqhdpap","name":"The Complete Guide to Regular Expressions (Regex)"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/the-code-review-pyramid-a5tm76e59","name":"The Code Review Pyramid"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/git-commands---cheat-sheet-for-all-developers-9t9ol9m4s","name":"Git Commands - Cheat Sheet for All Developers"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/a-swiss-army-knife-for-developers-ipc3yh-r0","name":"A Swiss Army knife for developers"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/copilot-works-so-well-because-it-steals-open-source-code-and-strips-credit-cxvof8poe","name":"Copilot works so well because it steals open source code and strips credit"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/javascript-knowledge-map---interactive-knowledge-map-for-javascript-ptmw5rzqs","name":"JavaScript Knowledge Map - Interactive Knowledge Map for JavaScript"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/solid-principles-sketches-2kiqot4fj","name":"SOLID Principles Sketches"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/yes-i-can-connect-to-a-db-in-css-9ufa0-7dd","name":"Yes, I can connect to a DB in CSS"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/awesome-selfhosted-awesome-selfhosted-a-list-of-free-software-network-services-and-web-applications-2wrd-48qx","name":"awesome-selfhosted/awesome-selfhosted: A list of Free Software network services and web applications which can be hosted on your own servers"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/build-beautiful-ui-components-with-nextui-wrrl5pppi","name":"Build beautiful UI components with NextUI"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/algorithms-in-javascript-with-visual-examples--pozvzdpro","name":"Algorithms in JavaScript with visual examples."},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/5-tips-for-writing-cleaner-code-vyqikwvqn","name":"5 Tips For Writing Cleaner Code"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/google-programmers-how-one-idiot-hired-a-couple-more-idiots-yjt0g4wik","name":"\"Google\" programmers. How one idiot hired a couple more idiots"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/diagram-as-code-c1udvr6fx","name":"Diagram as Code"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/7-tips-for-clean-react-typescript-code-you-must-know-uhlxvoj2i","name":"7 Tips for Clean React TypeScript Code you Must Know"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/understanding-layout-algorithms-wkhw-upv9","name":"Understanding Layout Algorithms"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/the-complete-guide-to-full-stack-web3-development-wcaeztdpx","name":"The Complete Guide to Full Stack Web3 Development"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/write-better-commits-build-better-projects-q7m-vt0h1","name":"Write Better Commits, Build Better Projects"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/how-we-built-daily-dev-the-150k-developer-community-u3rtdicxi","name":"How we built daily.dev, the 150k+ developer community"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"General Programming","item":"https://daily.dev/tags/general-programming"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/general-programming/best-of"},{"@type":"ListItem","position":5,"name":"2022"}]}]} ```