--- title: Best developer posts — January 2022 | daily.dev description: The most upvoted daily.dev posts from January 2022, curated by the daily.dev community. canonical: https://daily.dev/posts/best-of/2022/01 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/posts/best-of/2022/01 og:type: website og:site_name: daily.dev og:title: Best developer posts — January 2022 | daily.dev og:description: The most upvoted daily.dev posts from January 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 — January 2022 1. 1 [](https://daily.dev/posts/the-60-hottest-front-end-tools-of-2021-css-tricks-he-fmztrl "The 60 Hottest Front-end Tools of 2021 | CSS-Tricks") Article CSS-Tricks · 5y The 60 Hottest Front-end Tools of 2021 | CSS-Tricks The Web Tools Weekly newsletter archives have been compiled into a list of the 60 most popular front-end tools of the past year. I’m sure there are at least one or two listed here that you can start using in your projects today. Some of these tools are super-practical, while others probably only made this list due to curiosity. 548 36 2. 2 [](https://daily.dev/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 3. 3 [](https://daily.dev/posts/my-terminal-has-super-powers--kkgkb0ovm "My Terminal Has SUPER Powers!") Article Hashnode · 5y My Terminal Has SUPER Powers! Fig.io has full autocomplete and IntelliSense just like inside of VS Code. This plugin is completely free (Mac only though), so you can head to the website now to download and install. The install process should be pretty straightforward, and after you have it set up you should immediately see it in action. 401 44 4. 4 [](https://daily.dev/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 5. 5 [](https://daily.dev/posts/who-wrote-this-shit--jyy2upfjh "Who wrote this shit?") Article Hacker News · 5y Who wrote this shit? It is a beautiful rite of passage for a junior developer to join a team, take some tasks full of enthusiasm, and have the life and joy sucked out of them one sprint at a time. Trashing legacy software is fun. It creates camaraderie. Who wrote this? What were they thinking? Looking at the commit log showed names that meant nothing to me. 327 27 6. 6 [](https://daily.dev/posts/nextui---beautiful-fast-and-modern-react-ui-library-bf5au-sxc "NextUI - Beautiful, fast and modern React UI library") Article Product Hunt · 5y NextUI - Beautiful, fast and modern React UI library NextUI is the next-gen UI React library that allows you to make beautiful websites regardless of your design experience. Comes with awesome features like Auto Dark Mode recognition, Themes support, easy customization, Best-in-class DX and much more. NextUI is available now for free download. 263 19 7. 7 [](https://daily.dev/posts/git-cheat-sheet-50-commands-free-pdf-and-poster--dp7qawzrp "Git Cheat Sheet 📄 (50 commands + Free PDF and poster)") Article DEV · 5y Git Cheat Sheet 📄 (50 commands + Free PDF and poster) Free Git Commands Cheat Sheet PDF to make it easy to copy and paste in commands. A physical A3 poster for your office wall - so you can quickly look up commands, and keep them at the top of your head. The cheat sheet contains 50 commonly used Git commands on the following topics: setting up Git, starting a project, making a change and stashing. 244 15 8. 8 [](https://daily.dev/posts/2021-javascript-rising-stars-mjdeqmzfa "2021 JavaScript Rising Stars") Article Pointer · 5y 2021 JavaScript Rising Stars Zx is a new tool by Google to write simple Command Line scripts in JavaScript or TypeScript. Vite is a building tool that uses esbuild compiler to provide great performance. Next.js keeps its position of leading "meta framework" for the React world. Tauri is a solution to build desktop applications using web technologies. 242 15 9. 9 [](https://daily.dev/posts/free-react-course-for-2022---kqydluc "Free React Course for 2022") Article freeCodeCamp · 5y Free React Course for 2022 We just published a brand-new, 12-hour React course on the freeCodeCamp.org YouTube channel. In this course, you will React by building eight real-world projects and solving 140+ coding challenges. Bob Ziroll teaches this course. Bob is the Head of Education at Scrimba and his previous React course is one of the most popular React courses on YouTube. 234 8 10. 10 [](https://daily.dev/posts/learn-typescript-the-ultimate-beginners-guide-ad-mqr64k "Learn TypeScript – The Ultimate Beginners Guide") Article freeCodeCamp · 5y Learn TypeScript – The Ultimate Beginners Guide TypeScript is a superset of JavaScript. It does everything that JavaScript does, but with some added features. The main reason for using TypeScript is to add static typing to JavaScript. This means that the type of a variable cannot be changed at any point in a program. It can prevent a LOT of bugs! 216 18 11. 11 [](https://daily.dev/posts/how-we-handle-80tb-and-5m-page-views-a-month-for-under-400-1-nzfbgsn "How we handle 80TB and 5M page views a month for under $400") Article Hacker News · 5y How we handle 80TB and 5M page views a month for under $400 Poly Haven has 5 million pageviews and 80 terabytes of traffic every month for under $400\. Cloudflare All the Way is the reason we can do what we do so easily and so affordably. Nextjs is a framework created by Vercel which improves performance for users around the world. 213 16 12. 12 [](https://daily.dev/posts/time-to-say-goodbye-to-webpack--enrnnxxhl "Time to Say Goodbye to Webpack?") Article JavaScript in Plain English · 5y Time to Say Goodbye to Webpack? Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects. Vite is opinionated and comes with sensible defaults out of the box, but is also highly extensible via its plugin API and JavaScript API with full typing support. 191 9 13. 13 [](https://daily.dev/posts/git-organized-a-better-git-flow-asg5ufp29 "Git Organized: A Better Git Flow") Article DEV · 5y Git Organized: A Better Git Flow When building a new feature, create commits as you go to save your work and fix bugs. Merge branch into main once PR is approved. Don't worry too much about writing descriptive commit messages just yet. The purpose of these commits are to make sure you don't lose work and provide some guideposts. 177 6 14. 14 [](https://daily.dev/posts/how-not-to-learn-typescript-jz3ywx6ze "How not to learn TypeScript") Article fettblog.eu · 5y How not to learn TypeScript TypeScript is a superset of JavaScript and has been advertised like this ever since. Choosing TypeScript does not give you a free card to ditch JavaScript and its erratic behavior. Understanding JavaScript is key to understanding TypeScript. A type annotation is a way to explicitly tell which types to expect. The opposite is type inference, where TypeScript tries to figure out the type for you. 168 7 15. 15 [](https://daily.dev/posts/animated-3d-backgrounds-for-your-website-x8vutrbqs "Animated 3D Backgrounds For Your Website") Article Hacker News · 5y Animated 3D Backgrounds For Your Website Some WebGL effects are slow on older computers. Set a background image or color as a fallback. Not all effects work on mobile devices. Don't use more than one or two in a single page! Don't put too many effects in one place at once. 167 11 16. 16 [](https://daily.dev/posts/make-beautiful-gradients--gv2msb26 "Make Beautiful Gradients") Article Josh W Comeau · 5y Make Beautiful Gradients In the RGB color space, we create colors by mixing three channels: red, green, and blue. All three channels converge towards their middle value, 127.5\. By mixing two highly-saturated colors together, we wind up with gray. What if there was a way to mix only the pigment and keep the saturation consistent? 167 6 17. 17 [](https://daily.dev/posts/8-ways-to-drastically-boost-your-developer-productivity-a8ewpjvu7 "8 Ways To Drastically Boost Your Developer Productivity") Article Dev Genius · 5y 8 Ways To Drastically Boost Your Developer Productivity 8 ways to boost your developer productivity with these 8 tips. Automate repetitive tasks with scripts. Use a real debugger instead of printing variables. Back up your local database with Bash Scripts. Use the right tool for the job and don't forget the possibility that you might accidentally commit your work to memory. 166 4 18. 18 [](https://daily.dev/posts/8-techniques-to-write-cleaner-javascript-code-rc0vlsf-u "8 techniques to write cleaner JavaScript code") Article DEV · 5y 8 techniques to write cleaner JavaScript code In this article, we're going to look at 8 different techniques to help you write cleaner JavaScript code. Pure Functions are a function that always returns the same output, given the same input(s) Fewer or Named parameters are a good way to make your code cleaner. 162 8 19. 19 [](https://daily.dev/posts/microsoft-to-buy-activision-blizzard-for-68-7-billion-a4134mbuq "Microsoft to Buy Activision Blizzard for $68.7 billion") Article 80 LEVEL · 5y Microsoft to Buy Activision Blizzard for $68.7 billion Microsoft announced they decided to acquire Activision Blizzard, the publisher of Call of Duty, World of Warcraft, and Diablo. The company also announced plans to add Activision’s games to Xbox Game Pass. Microsoft notes it will be the "third-largest gaming company by revenue, behind Tencent and Sony" when the deal is closed. 156 18 20. 20 [](https://daily.dev/posts/the-clean-architecture-beginner-s-guide-emhugcjl5 "The Clean Architecture — Beginner’s Guide") Article Better Programming · 5y The Clean Architecture — Beginner’s Guide The Clean Architecture is the system architecture guideline proposed by Robert C. Martin. This is one of the guidelines adhered to by software engineers to build scalable, testable, and maintainable software. The Dependency Rule states that the source code dependencies can only point inwards. 152 7 21. 21 [](https://daily.dev/posts/productivity-tips-from-developers-to-developers-ri2d0egom "Productivity Tips From Developers to Developers") Article DEV · 5y Productivity Tips From Developers to Developers Avoid coding first, most likely what you are solving has already been solved. Abstraction is at the core of programming. Caching is a performance optimization and cause of many subtle bugs. There is no one way to do something and learn early on to formulate your options, pros and cons. 135 4 22. 22 [](https://daily.dev/posts/the-baseline-for-web-development-in-2022-2l4cghrwh "The baseline for web development in 2022") Article Pointer · 5y The baseline for web development in 2022 Alan Dávalos is a front-end engineer at LINE. He analyzed the changes in the web between 2021 and 2022\. The biggest change that happened in 2021 was the retirement of Internet Explorer (IE) The new baseline for web development in 2022 is: low-spec Android devices in terms of performance, Safari from two years before in Terms of Web Standards, and 4G. 126 8 23. 23 [](https://daily.dev/posts/my-first-impressions-of-web3-wwvr-qvz7 "My first impressions of web3") Article Hacker News · 5y My first impressions of web3 Web3 aims to decentralize the internet in ways that web1 and web2 did not. The idea is that everyone on the internet would be both a publisher and consumer of content. But that is not what people want – they want to run their own servers. A protocol moves much more slowly than a platform. 120 14 24. 24 [](https://daily.dev/posts/rest-and-the-future-of-apis-lpvryhg-a "REST and the future of APIs") Article gitconnected · 5y REST and the future of APIs REST is still solid, no matter what anyone says, but it is definitely geared toward browser-based clients. If you use pretty much any non-REST solution you will either lose some valuable functionality that comes built-in to web browsers or will need to write a ton of JavaScript code. GraphQL is definitely a generally popular choice and makes a lot of sense if you’re primarily dealing with the rendering of data relations. 113 2 25. 25 [](https://daily.dev/posts/i-make-3k-mo-from-a-browser-extension-december-2021-updates--17rzbia75 "I make $3K/mo from a browser extension! (+ December 2021 updates)") Article Hacker News · 5y I make $3K/mo from a browser extension! (+ December 2021 updates) After 2 months of beta program, the total free users was \~9,800\. That’s not a small audience at all, and the success of the beta program and the launch are heavily affected by the existing audience I have. Free users require a lot of resources to serve (server cost, support, etc.), but there are a lot. of potentials to convert people to paid customers. The launch announcement also helps to gather more attention/support. 111 3 [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/01#page","url":"https://daily.dev/posts/best-of/2022/01","name":"Best Developer Posts — January 2022","description":"The most upvoted daily.dev posts from January 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/posts/best-of/2022/01#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/the-60-hottest-front-end-tools-of-2021-css-tricks-he-fmztrl","name":"The 60 Hottest Front-end Tools of 2021 | CSS-Tricks"},{"@type":"ListItem","position":2,"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":3,"url":"https://daily.dev/posts/my-terminal-has-super-powers--kkgkb0ovm","name":"My Terminal Has SUPER Powers!"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/a-swiss-army-knife-for-developers-ipc3yh-r0","name":"A Swiss Army knife for developers"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/who-wrote-this-shit--jyy2upfjh","name":"Who wrote this shit?"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/nextui---beautiful-fast-and-modern-react-ui-library-bf5au-sxc","name":"NextUI - Beautiful, fast and modern React UI library"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/git-cheat-sheet-50-commands-free-pdf-and-poster--dp7qawzrp","name":"Git Cheat Sheet 📄 (50 commands + Free PDF and poster)"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/2021-javascript-rising-stars-mjdeqmzfa","name":"2021 JavaScript Rising Stars"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/free-react-course-for-2022---kqydluc","name":"Free React Course for 2022"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/learn-typescript-the-ultimate-beginners-guide-ad-mqr64k","name":"Learn TypeScript – The Ultimate Beginners Guide"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/how-we-handle-80tb-and-5m-page-views-a-month-for-under-400-1-nzfbgsn","name":"How we handle 80TB and 5M page views a month for under $400"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/time-to-say-goodbye-to-webpack--enrnnxxhl","name":"Time to Say Goodbye to Webpack?"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/git-organized-a-better-git-flow-asg5ufp29","name":"Git Organized: A Better Git Flow"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/how-not-to-learn-typescript-jz3ywx6ze","name":"How not to learn TypeScript"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/animated-3d-backgrounds-for-your-website-x8vutrbqs","name":"Animated 3D Backgrounds For Your Website"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/make-beautiful-gradients--gv2msb26","name":"Make Beautiful Gradients"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/8-ways-to-drastically-boost-your-developer-productivity-a8ewpjvu7","name":"8 Ways To Drastically Boost Your Developer Productivity"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/8-techniques-to-write-cleaner-javascript-code-rc0vlsf-u","name":"8 techniques to write cleaner JavaScript code"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/microsoft-to-buy-activision-blizzard-for-68-7-billion-a4134mbuq","name":"Microsoft to Buy Activision Blizzard for $68.7 billion"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/the-clean-architecture-beginner-s-guide-emhugcjl5","name":"The Clean Architecture — Beginner’s Guide"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/productivity-tips-from-developers-to-developers-ri2d0egom","name":"Productivity Tips From Developers to Developers"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/the-baseline-for-web-development-in-2022-2l4cghrwh","name":"The baseline for web development in 2022"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/my-first-impressions-of-web3-wwvr-qvz7","name":"My first impressions of web3"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/rest-and-the-future-of-apis-lpvryhg-a","name":"REST and the future of APIs"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/i-make-3k-mo-from-a-browser-extension-december-2021-updates--17rzbia75","name":"I make $3K/mo from a browser extension! (+ December 2021 updates)"}]},{"@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":"January 2022"}]}]} ```