--- title: Best DEV posts — May 2024 | daily.dev description: The most upvoted DEV posts from May 2024, curated by the daily.dev community. canonical: https://daily.dev/sources/devto/best-of/2024/05 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/devto/best-of/2024/05 og:type: website og:site_name: daily.dev og:title: Best DEV posts — May 2024 | daily.dev og:description: The most upvoted DEV posts from May 2024, 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 DEV — May 2024 1. 1 [](https://daily.dev/posts/37-tips-from-a-senior-frontend-developer-79uhcv1bd "37 Tips from a Senior Frontend Developer") Article DEV · 2y 37 Tips from a Senior Frontend Developer Tips for frontend developers include mastering the fundamentals, understanding how the web works, learning data structures and algorithms, practicing rather than just reading or watching tutorials, asking for help when stuck, not blindly copying code, evaluating online advice, assuming good intent, and focusing on delivering value. It's important to communicate, take breaks, work from strengths, diversify problem-solving, find mentors, commit to a JavaScript framework, prioritize user experience, and continuously invest in skills. 3.5K 157 2. 2 [](https://daily.dev/posts/ssl-in-localhost-takes-5-seconds-now--zhuzgvwxh "SSL in localhost takes 5 seconds now.") Article DEV · 2y SSL in localhost takes 5 seconds now. Setting up SSL for localhost traditionally requires tedious manual configurations and repetitive steps. However, Ophiuchi simplifies the process by automatically generating certificates, updating the hosts file, providing an integrated web server, and ensuring instant trust. It saves time and allows developers to focus on building great software. 2.4K 123 3. 3 [](https://daily.dev/posts/make-naked-websites-look-great-with-matcha-css--1aemgfj0a "Make naked websites look great with matcha.css!") Article DEV · 2y Make naked websites look great with matcha.css! matcha.css is a drop-in semantic styling library in pure CSS that can make naked websites look great without any build steps, JavaScript, configuration, or refactoring. It provides additional modern styles out-of-the-box and is easily customizable and reversible. 2.3K 102 4. 4 [](https://daily.dev/posts/solid---the-simple-way-to-understand-cjqu7bint "SOLID - The Simple Way To Understand") Article DEV · 2y SOLID - The Simple Way To Understand This post explains the SOLID principles in a simple way using Typescript examples. It covers the Single Responsibility Principle, Open-Closed Principle, Liskov Substitution Principle, Interface Segregation Principle, and Dependency Inversion Principle. 1.7K 43 5. 5 [](https://daily.dev/posts/i-built-a-free-open-source-project-manager-that-helps-teams-keep-costs-under-15-month--skveswwbd "I built a free, open-source project manager that helps teams keep costs under $15/month.") Article DEV · 2y I built a free, open-source project manager that helps teams keep costs under $15/month. A developer built an open-source project manager with low operational costs, leveraging free platforms and offering essential features for small teams. 651 27 6. 6 [](https://daily.dev/posts/mastering-git-13-advanced-techniques-and-shortcuts-for-efficiency-ypmpuwb45 "Mastering Git: 13 Advanced Techniques and Shortcuts for Efficiency") Article DEV · 2y Mastering Git: 13 Advanced Techniques and Shortcuts for Efficiency Learn advanced techniques and shortcuts for Git to enhance your development workflow and productivity. Topics covered include combining add and commit, creating aliases for Git commands, amending commit messages, force pushing, reverting changes, using Codespaces, stashing changes, renaming the main branch, viewing pretty logs, debugging with bisect, automating commit consolidation with autosquash, leveraging hooks for custom scripts, and safely destroying things in Git history. 467 12 7. 7 [](https://daily.dev/posts/top-programming-blogs-to-read-in-2024-sfgnona4o "Top Programming Blogs to Read in 2024") Article DEV · 2y Top Programming Blogs to Read in 2024 Discover top programming blogs to read in 2024 and immerse yourself in the coding culture. Stay informed about the latest developments and technologies in the industry with these resources. 459 11 8. 8 [](https://daily.dev/posts/why-you-should-self-host-everything-togpl8lxn "Why You Should Self-Host Everything") Article DEV · 2y Why You Should Self-Host Everything Take back control of your digital life by self-hosting everything. Enjoy privacy, control, flexibility, and financial benefits. Compare the cost of self-hosting with cloud services. 427 32 9. 9 [](https://daily.dev/posts/you-re-not-a-software-engineer-you-re-a-frameworker--y18afvm93 "You're not a software engineer; you're a "frameworker"") Article DEV · 2y You're not a software engineer; you're a "frameworker" Developers who rely heavily on frameworks without understanding the basics are referred to as 'frameworkers'. To be a software engineer, one should master the basics and have an understanding of the entire system, not just rely on copying and pasting code. Learning frameworks becomes easier once the fundamentals are solid. 406 49 10. 10 [](https://daily.dev/posts/tools-that-keep-me-productive-qjinej7ou "Tools that keep me productive") Article DEV · 2y Tools that keep me productive Discover the tools that the author uses to stay productive as a developer, including their go-to editor and favorite browser extensions. 378 21 11. 11 [](https://daily.dev/posts/10-engineering-blogs-to-become-a-system-design-hero-for-free-jmrsamcl0 "10 engineering blogs to become a System Design Hero for free") Article DEV · 2y 10 engineering blogs to become a System Design Hero for free Learn about the top 10 engineering blogs that can help you become a system design master for free. 373 9 12. 12 [](https://daily.dev/posts/typelevel-typescript-a-cheat-sheet-kiahrbs6t "Typelevel Typescript: A cheat sheet") Article DEV · 2y Typelevel Typescript: A cheat sheet Type-level programming in TypeScript unlocks a realm of possibilities, leveraging the language's powerful type system to perform complex computations, validations, and transformations directly within the type system itself. 372 8 13. 13 [](https://daily.dev/posts/how-i-boosted-my-productivity-while-working-on-multiple-projects-2izcuuqrx "How I boosted my productivity while working on multiple projects") Article DEV · 2y How I boosted my productivity while working on multiple projects Learn how to improve productivity while working on multiple projects using Freeter, an organizer app that helps consolidate all necessary tools and resources in one place. The post includes examples of workflows for app/website development, checking emails and Twitter DMs, and releasing new versions of an app. 341 12 14. 14 [](https://daily.dev/posts/essential-es6-javascript-features-every-javascript-developer-should-know-kv7puuxlv "Essential ES6 JavaScript Features Every JavaScript Developer Should Know") Article DEV · 2y Essential ES6 JavaScript Features Every JavaScript Developer Should Know Learn about the essential features of ES6 in JavaScript, including arrow functions, template literals, array destructuring, object destructuring, the Set method, the spread operator, and the rest operator. 304 11 15. 15 [](https://daily.dev/posts/array-reduce-is-goated-fr7amqjnf "Array.reduce() is Goated") Article DEV · 2y Array.reduce() is Goated Discover the power and versatility of Array.reduce() through nine incredible use cases, including summing numbers, flattening arrays, grouping objects, creating lookup maps, counting occurrences, composing functions, implementing state management, generating unique values, and calculating averages. 289 18 16. 16 [](https://daily.dev/posts/the-right-way-of-programming--bgppgpkzz "The Right Way of Programming 👩🏽‍💻") Article DEV · 2y The Right Way of Programming 👩🏽‍💻 The post explores the concept of the 'Right Way' of programming and reflects on how programmers may initially believe in certain practices but later realize that there are no universal ways. It emphasizes the importance of considering the specific context and requirements when choosing programming approaches. 261 12 17. 17 [](https://daily.dev/posts/the-module-system-in-javascript-g3diogblo "The Module System in Javascript") Article DEV · 2y The Module System in Javascript Mastering the module system in JavaScript is crucial for creating scalable, maintainable, and efficient code. Modules help with code organization, reusability, encapsulation, and dependency management. CommonJS is the first module system in Nodejs, and it uses require() and module.exports to import and export modules. The difference between module.exports and exports is that module.exports replaces the entire exports object, while exports is a shorthand reference to module.exports. 252 5 18. 18 [](https://daily.dev/posts/introducing-divz---a-react-component-to-scroll-swipe-zoom-through-html-content-on-the-3d-z-axis-1yrmrnscn "Introducing DIVZ - a React component to scroll, swipe & zoom through HTML content on the 3D z-axis") Article DEV · 2y Introducing DIVZ - a React component to scroll, swipe & zoom through HTML content on the 3D z-axis DIVZ is a free open source React UI component that enables scrolling, swiping, and zooming through HTML elements on the 3D z-axis. It offers simplified integration, diverse applications, and broad device support. 222 5 [See all DEV archives](/sources/devto/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/devto/best-of/2024/05#page","url":"https://daily.dev/sources/devto/best-of/2024/05","name":"Best DEV Posts — May 2024","description":"The most upvoted DEV posts from May 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/devto/best-of/2024/05#items","numberOfItems":18,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/37-tips-from-a-senior-frontend-developer-79uhcv1bd","name":"37 Tips from a Senior Frontend Developer"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/ssl-in-localhost-takes-5-seconds-now--zhuzgvwxh","name":"SSL in localhost takes 5 seconds now."},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/make-naked-websites-look-great-with-matcha-css--1aemgfj0a","name":"Make naked websites look great with matcha.css!"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/solid---the-simple-way-to-understand-cjqu7bint","name":"SOLID - The Simple Way To Understand"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/i-built-a-free-open-source-project-manager-that-helps-teams-keep-costs-under-15-month--skveswwbd","name":"I built a free, open-source project manager that helps teams keep costs under $15/month."},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/mastering-git-13-advanced-techniques-and-shortcuts-for-efficiency-ypmpuwb45","name":"Mastering Git: 13 Advanced Techniques and Shortcuts for Efficiency"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/top-programming-blogs-to-read-in-2024-sfgnona4o","name":"Top Programming Blogs to Read in 2024"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/why-you-should-self-host-everything-togpl8lxn","name":"Why You Should Self-Host Everything"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/you-re-not-a-software-engineer-you-re-a-frameworker--y18afvm93","name":"You're not a software engineer; you're a \"frameworker\""},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/tools-that-keep-me-productive-qjinej7ou","name":"Tools that keep me productive"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/10-engineering-blogs-to-become-a-system-design-hero-for-free-jmrsamcl0","name":"10 engineering blogs to become a System Design Hero for free"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/typelevel-typescript-a-cheat-sheet-kiahrbs6t","name":"Typelevel Typescript: A cheat sheet"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/how-i-boosted-my-productivity-while-working-on-multiple-projects-2izcuuqrx","name":"How I boosted my productivity while working on multiple projects"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/essential-es6-javascript-features-every-javascript-developer-should-know-kv7puuxlv","name":"Essential ES6 JavaScript Features Every JavaScript Developer Should Know"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/array-reduce-is-goated-fr7amqjnf","name":"Array.reduce() is Goated"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/the-right-way-of-programming--bgppgpkzz","name":"The Right Way of Programming 👩🏽‍💻"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/the-module-system-in-javascript-g3diogblo","name":"The Module System in Javascript"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/introducing-divz---a-react-component-to-scroll-swipe-zoom-through-html-content-on-the-3d-z-axis-1yrmrnscn","name":"Introducing DIVZ - a React component to scroll, swipe & zoom through HTML content on the 3D z-axis"}]},{"@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":"DEV","item":"https://daily.dev/sources/devto"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/devto/best-of"},{"@type":"ListItem","position":5,"name":"May 2024"}]}]} ```