--- title: Best developer posts — May 2022 | daily.dev description: The most upvoted daily.dev posts from May 2022, curated by the daily.dev community. canonical: https://daily.dev/posts/best-of/2022/05 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/posts/best-of/2022/05 og:type: website og:site_name: daily.dev og:title: Best developer posts — May 2022 | daily.dev og:description: The most upvoted daily.dev posts from May 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 — May 2022 1. 1 [](https://daily.dev/posts/the-modern-javascript-tutorial-gay6khtgj "The Modern JavaScript Tutorial") Article Hacker News · 4y The Modern JavaScript Tutorial 707 41 2. 2 [](https://daily.dev/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 [](https://daily.dev/posts/beautify-github-profile---create-a-beautiful-and-attractive-github-profile-very-easy-lzwj3cjeo "Beautify Github Profile - Create a beautiful and attractive github profile very easy") Article Product Hunt · 4y Beautify Github Profile - Create a beautiful and attractive github profile very easy 530 33 4. 4 [](https://daily.dev/posts/keep-the-web-free-say-no-to-web3-k6vupnm0z "Keep the Web Free, Say No to Web3") Article Hacker News · 4y Keep the Web Free, Say No to Web3 Web3 refers to a decentralized online ecosystem on the blockchain. It has become a buzzword, used within the crypto/NFT/DeFi (decentralized finance) community. NFT stands for non-fungible-token. You can think of them as one-of-a-kind digital trading cards. 416 68 5. 5 [](https://daily.dev/posts/run-python-in-your-html-2cwrv6d3g "Run Python in your HTML") Article Hacker News · 4y Run Python in your HTML PyScript is a framework that allows users to create rich Python applications in the browser using HTML’s interface. It aims to give users a first-class programming language that has consistent styling rules, is more expressive, and is easier to learn. PyScript is just HTML, only a bit (okay, maybe a lot) more powerful, thanks to the rich and accessible ecosystem of Python libraries. 385 29 6. 6 [](https://daily.dev/posts/learn-go-the-complete-course-k-foibcyw "Learn Go: The complete course") Article Hashnode · 4y Learn Go: The complete course Go (also known as Golang ) is a programming language developed at Google in 2007 and open-sourced in 2009\. It was designed to combine the efficacy, speed, and safety of a statically typed and compiled language with the ease of programming of a dynamic language. Go has just 25 keywords which makes it easy to read, write and maintain. 302 6 7. 7 [](https://daily.dev/posts/don-t-lose-your-github-contributions-when-you-leave-an-organization-27wm4ww-s "Don't lose your Github contributions when you leave an organization") Article Hashnode · 4y Don't lose your Github contributions when you leave an organization A Github profile for software engineers is like their resume or at least I treat it like one, hence it's important to keep it up-to-date, authentic and relevant. Having a consistent contributions graph on your Github profile helps you get noticed by possible future recruiters and in general, it shows your consistency. 293 25 8. 8 [](https://daily.dev/posts/it-tools---collection-of-handy-online-tools-for-devs-with-great-ux-6n6fr3j8p "IT Tools - Collection of handy online tools for devs, with great UX") Article Product Hunt · 4y IT Tools - Collection of handy online tools for devs, with great UX IT Tools is a free and open-source collection of handy online tools for developers & people working in IT. It includes a token generator, case converter, base converter QR code generator, Git cheatsheet, lorem ipsum generator, ... and many more. 285 5 9. 9 [](https://daily.dev/posts/rest-api-design-best-practices-how-to-build-a-rest-api-with-javascript-node-js-and-express-js-ju0gevnnx "REST API Design Best Practices – How to Build a REST API with JavaScript, Node.js, and Express.js") Article freeCodeCamp · 4y REST API Design Best Practices – How to Build a REST API with JavaScript, Node.js, and Express.js Best practices are conventions or tips that have evolved over time and turned out to be effective. They should give you a direction to make your API's better in terms of user experience (for the consumer and the builder), security, and performance. In this tutorial we'll build a REST API for a CrossFit Training Application. 253 12 10. 10 [](https://daily.dev/posts/math-support-in-markdown-i-qjmmbev "Math support in Markdown") Article GitHub Blog · 4y Math support in Markdown From today, you can use the $ and $$ delimiters natively in Markdown on GitHub to insert math expressions. This content is then rendered using the highly popular MathJax library. Mathematical expressions are key to information sharing amongst engineers, scientists, data scientists and mathematicians. 204 10 11. 11 [](https://daily.dev/posts/free-system-design-pdf-158-pages--mmkpus6cn "Free System Design PDF (158 pages)") Article ByteByteGo · 4y Free System Design PDF (158 pages) Alex Xu has been consistently posting on LinkedIn for 7 months now. I just put all the technical LinkedIn posts in one big PDF. It covers 75 topics and has 158 pages! I will update the content monthly by uploading a new PDF. Follow me (Alex Xu) on LinkedIn or subscribe to my newsletter to receive updates. 202 9 12. 12 [](https://daily.dev/posts/animatiss---a-nice-colorful-collection-of-css-animations-xtcnf9c6x "AnimatiSS - A nice, colorful collection of CSS animations") Article Product Hunt · 4y AnimatiSS - A nice, colorful collection of CSS animations 201 7 13. 13 [](https://daily.dev/posts/the-surprising-truth-about-pixels-and-accessibility-kj6qdeaou "The Surprising Truth About Pixels and Accessibility") Article Josh W Comeau · 4y The Surprising Truth About Pixels and Accessibility If you want to build the most-accessible product possible, you need to use both pixels and ems/rems. The most popular unit for anything size-related is the px unit, short for “pixel” The em unit is an interesting fellow, based on the element's calculated font size. 185 9 14. 14 [](https://daily.dev/posts/object-oriented-programming-in-javascript-for-beginners-4vkuo5dpy "Object-Oriented Programming in JavaScript for Beginners") Article freeCodeCamp · 4y Object-Oriented Programming in JavaScript for Beginners In this article we're going to review the main characteristics of object oriented programming (OOP) with practical JavaScript examples. We will talk about OOP main concepts, why and when it can be useful, and I'll give you plenty of examples using JS code. The core concept of OOP is to separate concerns and responsibilities into entities. Each entity will group a given set of information and actions (methods) that can be performed by the entity. 178 12 15. 15 [](https://daily.dev/posts/your-old-laptop-is-your-new-database-server-4rfmo0myz "Your Old Laptop Is Your New Database Server") Article DZone · 4y Your Old Laptop Is Your New Database Server In times of Docker containers, configuring a machine to run server software is extremely easy. In this article, I’ll show you how to take advantage of that old laptop by installing Ubuntu Server, Docker, and a MariaDB database with all the configurations needed to have it always available. 170 18 16. 16 [](https://daily.dev/posts/sessions-vs-jwts---a-complete-guide-to-authentication-rvqyjbqib "Sessions vs JWTs - A Complete Guide to Authentication") Article Hashnode · 4y Sessions vs JWTs - A Complete Guide to Authentication Authentication or auth for short is the process where a server recognizes the identity of a user. Authorization is then done, to allocate a role to the authenticated user and allocate the required services to that particular user. There are 2 ways you can implement auth:Server-side sessions and JWTs. 168 12 17. 17 [](https://daily.dev/posts/why-you-should-ditch-create-react-app-for-vite-jx5aocuap "Why You Should Ditch Create-React-App for Vite") Article Hashnode · 4y Why You Should Ditch Create-React-App for Vite Vite is a build tool similar to Webpack. It can be used for React, Preact, Svelte, Vue, Vanilla JS, and LitElements. Vite uses route-based code-splitting to figure out what parts of the code actually need to be loaded, and doesn't have to pre-bundle everything. 153 17 18. 18 [](https://daily.dev/posts/6-tips-to-improve-your-logic-in-coding-vixdacpf8 "6 tips to improve your logic in coding") Article gitconnected · 4y 6 tips to improve your logic in coding This weekend’s tip is about how to enhance your coding skills. 6 tips to improve your logic in coding How to enhance coding skills? By FAM Hi there 👋 This weekend is aboutHow to enhanceyour coding skills, by FAM. Work out the solution by using the old way of pen & paper. Coding once will not improve your skills. 146 12 19. 19 [](https://daily.dev/posts/state-of-css-2022-kno9wxvcs "State of CSS 2022") Article web.dev · 4y State of CSS 2022 The year 2022 is set to be one of CSS's greatest years, in both features and cooperative browser feature releases. The goals for 2021, driven by developer feedback via surveys, were to stabilize current features, improve the test suite and increase passing scores of browsers for five features. 144 5 20. 20 [](https://daily.dev/posts/two-lines-of-css-that-boosts-7x-rendering-performance--poc1ar1ee "Two lines of CSS that boosts 7x rendering performance!") Article DEV · 4y Two lines of CSS that boosts 7x rendering performance! Website's nowadays need to be optimal and performant, users on the web have very short attention span. Most common use cases for this is when you have huge list/grid of data that needs to render at the mount of the application. With progressing web development it will soon be supported in all browsers too. 131 7 21. 21 [](https://daily.dev/posts/code-one-code-all-g27cf48rg "Code one, code all") Article Apple Developer · 4y Code one, code all Digital Lounges are now open for registration for eligible developers. They’ll feature text-based Q&As, session watch parties with the presenters, community icebreakers, and more. Watch online at apple.com or in the Apple Developer app. You can even use SharePlay to watch with friends. 130 10 22. 22 [](https://daily.dev/posts/8-reasons-to-ditch-chrome-and-switch-to-firefox-z5i7yuxdt "8 reasons to ditch Chrome and switch to Firefox") Article Hacker News · 4y 8 reasons to ditch Chrome and switch to Firefox Using Firefox can boost your PC’s performance, better protect you on the web, and also make life more convenient. It offers built-in features that don’t exist in Chrome or otherwise require third-party add-ons. Firefox also stops cryptominers from accessing your device, aka cryptojacking. 124 20 23. 23 [](https://daily.dev/posts/pinia-the-new-and-better-state-management-system-for-vue-slzgjrsbu "Pinia, The New (and better) State Management System For Vue") Article Vue.js Developers · 4y Pinia, The New (and better) State Management System For Vue Pinia is the new State Management System for Vue. This article explains why I think it’s a great tool, and why you should be using it today. If you haven’t heard about Pinia yet or considering switching from Vuex, this article might help you. 119 4 24. 24 [](https://daily.dev/posts/traits-of-a-senior-software-engineer-uodrl0sfa "Traits of a senior software engineer") Article Hashnode · 4y Traits of a senior software engineer Senior engineers are already expected to be technically deep and to deliver on time. Being a “technically deep” engineer is merely a tiny drop in the ocean for a promotion. Being reliable is particularly significant when collaborating with your manager. You should ensure that your work is visible to everyone on your team. 118 5 25. 25 [](https://daily.dev/posts/get-good-at-git-2aegze3lq "Get good at Git") Article Hashnode · 4y Get good at Git Git was created by Linus Torvalds, a guy much smarter than us. He knew if he made it too easy, it would make us weak. In this blog, we will look at a bunch of different tips and tricks to make you more productive. 114 12 [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/05#page","url":"https://daily.dev/posts/best-of/2022/05","name":"Best Developer Posts — May 2022","description":"The most upvoted daily.dev posts from May 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/posts/best-of/2022/05#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/the-modern-javascript-tutorial-gay6khtgj","name":"The Modern JavaScript Tutorial"},{"@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/beautify-github-profile---create-a-beautiful-and-attractive-github-profile-very-easy-lzwj3cjeo","name":"Beautify Github Profile - Create a beautiful and attractive github profile very easy"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/keep-the-web-free-say-no-to-web3-k6vupnm0z","name":"Keep the Web Free, Say No to Web3"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/run-python-in-your-html-2cwrv6d3g","name":"Run Python in your HTML"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/learn-go-the-complete-course-k-foibcyw","name":"Learn Go: The complete course"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/don-t-lose-your-github-contributions-when-you-leave-an-organization-27wm4ww-s","name":"Don't lose your Github contributions when you leave an organization"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/it-tools---collection-of-handy-online-tools-for-devs-with-great-ux-6n6fr3j8p","name":"IT Tools - Collection of handy online tools for devs, with great UX"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/rest-api-design-best-practices-how-to-build-a-rest-api-with-javascript-node-js-and-express-js-ju0gevnnx","name":"REST API Design Best Practices – How to Build a REST API with JavaScript, Node.js, and Express.js"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/math-support-in-markdown-i-qjmmbev","name":"Math support in Markdown"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/free-system-design-pdf-158-pages--mmkpus6cn","name":"Free System Design PDF (158 pages)"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/animatiss---a-nice-colorful-collection-of-css-animations-xtcnf9c6x","name":"AnimatiSS - A nice, colorful collection of CSS animations"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/the-surprising-truth-about-pixels-and-accessibility-kj6qdeaou","name":"The Surprising Truth About Pixels and Accessibility"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/object-oriented-programming-in-javascript-for-beginners-4vkuo5dpy","name":"Object-Oriented Programming in JavaScript for Beginners"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/your-old-laptop-is-your-new-database-server-4rfmo0myz","name":"Your Old Laptop Is Your New Database Server"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/sessions-vs-jwts---a-complete-guide-to-authentication-rvqyjbqib","name":"Sessions vs JWTs - A Complete Guide to Authentication"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/why-you-should-ditch-create-react-app-for-vite-jx5aocuap","name":"Why You Should Ditch Create-React-App for Vite"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/6-tips-to-improve-your-logic-in-coding-vixdacpf8","name":"6 tips to improve your logic in coding"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/state-of-css-2022-kno9wxvcs","name":"State of CSS 2022"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/two-lines-of-css-that-boosts-7x-rendering-performance--poc1ar1ee","name":"Two lines of CSS that boosts 7x rendering performance!"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/code-one-code-all-g27cf48rg","name":"Code one, code all"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/8-reasons-to-ditch-chrome-and-switch-to-firefox-z5i7yuxdt","name":"8 reasons to ditch Chrome and switch to Firefox"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/pinia-the-new-and-better-state-management-system-for-vue-slzgjrsbu","name":"Pinia, The New (and better) State Management System For Vue"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/traits-of-a-senior-software-engineer-uodrl0sfa","name":"Traits of a senior software engineer"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/get-good-at-git-2aegze3lq","name":"Get good at Git"}]},{"@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":"May 2022"}]}]} ```