--- title: Best developer posts — May 2023 | daily.dev description: The most upvoted daily.dev posts from May 2023, curated by the daily.dev community. canonical: https://daily.dev/posts/best-of/2023/05 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/posts/best-of/2023/05 og:type: website og:site_name: daily.dev og:title: Best developer posts — May 2023 | daily.dev og:description: The most upvoted daily.dev posts from May 2023, 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 2023 1. 1 [](https://daily.dev/posts/the-react-ecosystem-in-2023-t1c5bte1z "The React Ecosystem in 2023") Article builder.io · 3y The React Ecosystem in 2023 The React Ecosystem celebrates its 10th anniversary in 2023 as the ecosystem continues to flourish. For those who are new to React, getting started can be a daunting task. With a vast array of tools and libraries available within the React ecosystem, choosing the right combination for your project can be challenging. 604 38 2. 2 [](https://daily.dev/posts/frontend-developer-roadmap-3yxhfdqd6 "Frontend Developer Roadmap") Article Community Picks · 3y Frontend Developer Roadmap Front-end development is the development of visual and interactive elements of a website that users interact with directly. It's a combination of HTML, CSS and JavaScript, where HTML provides the structure, CSS the styling and layout, and JavaScript the dynamic behaviour and interactivity. 589 72 3. 3 [](https://daily.dev/posts/50-chatgpt-prompts-for-web-developers-px9aba8cc "50+ ChatGPT Prompts for Web Developers") Article builder.io · 3y 50+ ChatGPT Prompts for Web Developers ChatGPT can generate code for a variety of web development tasks. It can help you generate semantic HTML and CSS code, JavaScript functions, and even database queries. With ChatGPT, you can identify code smells and security vulnerabilities in your code to make it more efficient and secure. 550 35 4. 4 [](https://daily.dev/posts/usehooks-q0mtmslia "useHooks") Article Community Picks · 3y useHooks There’s no better way to learn useHooks than by building it yourself. Use LocalStorage to track the dimensions of the browser window with useWindowSize. Track and manage the visibility of your DOM elements within the viewport. 441 20 5. 5 [](https://daily.dev/posts/use-notion-as-a-database-for-your-next-js-blog-0wpk1akhh "Use Notion as a database for your Next.JS Blog") Article DEV · 3y Use Notion as a database for your Next.JS Blog Learn how to use Notion as a database for your Next.JS Blog. Create a Notion Database, get a Notion Token, set up the project, and create the Post Page. Render the content of a Notion page in a Next.JS Blog. 378 25 6. 6 [](https://daily.dev/posts/realtime-colors-zhqmygxfd "Realtime Colors") Article Community Picks · 3y Realtime Colors Realtime Colors is a tool that allows users to visualize their chosen colors and fonts on a real website. It saves time by eliminating the need to implement different color variations, provides a realistic color palette distribution, and is simple to use with just a few button presses. The tool is free to use, offers customizable color palettes, and allows users to export their choices in various formats. 312 26 7. 7 [](https://daily.dev/posts/the-art-of-code-review-zb8zs5lio "The Art of Code Review") Article Community Picks · 3y The Art of Code Review Code review is an important part of software development that ensures code quality, reduces technical debt, and promotes knowledge sharing. Being a polite and helpful reviewer is important to maintain a healthy working relationship. It's also important to focus on the logic behind changes rather than insignificant details. For big changes, it's recommended to break them down into smaller, manageable pieces and use intermediate code reviews to facilitate the review process. 307 25 8. 8 [](https://daily.dev/posts/4-mistakes-that-can-ruin-your-it-career-w3aqzoz6s "4 Mistakes That Can Ruin Your IT Career") Article gitconnected · 3y 4 Mistakes That Can Ruin Your IT Career Avoiding career mistakes is crucial for success in the fast-paced IT industry. Don't get too comfortable, prioritize networking, avoid burnout, and don't stick to one company for too long. 286 43 9. 9 [](https://daily.dev/posts/stop-being-a-junior-ld0yivunm "Stop Being a Junior") Article Kent C. Dodds · 3y Stop Being a Junior "Junior Developer" is a term for a developer who has been working as a software developer for over a year and a half. People with years of experience are more likely to be able to learn new things faster because often new things resemble old things. Experienced developers are also likely to miss important new features in languages and tools. 284 22 10. 10 [](https://daily.dev/posts/doing-much-better-than-your-env-file-hu3hba0iz "Doing much better than your .env file") Article Medium · 3y Doing much better than your .env file Tony: I argue again for why we should reduce the practice of storing all environment variables in a.env file and move to a more sophisticated approach for managing them in local development. He says this article is intended for software development teams and not security and devops teams that already have this figured out. 269 34 11. 11 [](https://daily.dev/posts/vscode-profiles-optimize-your-coding-environment-s0tewvxqq "VSCode Profiles: Optimize Your Coding Environment") Article Headway · 3y VSCode Profiles: Optimize Your Coding Environment Profiles are a useful feature in VSCode that allow you to save and switch between different sets of preferences and configurations. For a React front-end project, you might want to install extensions such as Ruby and Solargraph. Profiles let you create workspaces with unique configurations and preferences for each project or task. 220 37 12. 12 [](https://daily.dev/posts/why-we-re-bad-at-css-xay7hnmqw "Why we're bad at CSS") Article Community Picks · 3y Why we're bad at CSS CSS is more like putting their hand in the pain box from Dune while some product manager has a gom jabbar to their neck, daring them to pull their hand out. Despite the latest advancements in CSS, many are still stuck in this kind of BEM mindset, trying to encapsulate everything. 212 19 13. 13 [](https://daily.dev/posts/api-design-practice-eje1ivsav "API Design Practice") Article Community Picks · 3y API Design Practice Learn about API Design goals, aligning resource APIs with the business domain, and conducting design workshops. 213 2 14. 14 [](https://daily.dev/posts/full-stack-engineer-career-guide-m0b42nnwr "Full Stack Engineer – Career Guide") Article freeCodeCamp · 3y Full Stack Engineer – Career Guide Full Stack engineering roles have been growing in popularity over the last decade. But what exactly are full-stack engineers? What do they do on a day-to-day basis? And how can you become a full- Stack engineer yourself? In this article, I will go over the definition of full- stack engineering. 187 2 15. 15 [](https://daily.dev/posts/codefy-ai---code-faster-with-powerful-ai-tools-ztwretul5 "codefy.ai - Code faster with powerful AI tools") Article Product Hunt · 3y codefy.ai - Code faster with powerful AI tools codefy.ai is your own toolbox of useful coding widgets to help you speed up your workflow. Write, explain, debug, compare, and translate code with 15+ helpful, customized tools. Use codefY.ai to learn a new coding topic. 175 15 16. 16 [](https://daily.dev/posts/the-new-javascript-features-coming-in-ecmascript-2023-hg6a65oar "The New JavaScript Features Coming in ECMAScript 2023") Article The New Stack · 3y The New JavaScript Features Coming in ECMAScript 2023 ECMAScript will be approved in July 2023, but four proposals for new language features have already reached stage four. WeakMap lets you extend an object with extra properties without worrying about creating a memory leak. Change Array by Copy gives developers new methods for sorting, reversing and overwriting data without mutating the array it’s stored. 176 18 17. 17 [](https://daily.dev/posts/smolcss-9qwgpgj43 "SmolCSS") Article Community Picks · 3y SmolCSS SmolCSS create an intrinsically responsive grid layout, optionally using a CSS custom property to extend to variable contexts. Each column will resize at the same rate, and items will begin to break to a new row if the width reaches the --min value. The smol stacked layout is a grid feature that can often replace older techniques that relied on absolute positioning. 170 8 18. 18 [](https://daily.dev/posts/tailwindcss-vs-unocss-a0vg4lfal "TailwindCSS vs. UnoCSS") Article DEV · 3y TailwindCSS vs. UnoCSS A comparison between TailwindCSS and UnoCSS, highlighting their features, language, documentation, custom styles, and editor support. 153 21 19. 19 [](https://daily.dev/posts/ux-best-practices-for-developers-hqayfexed "UX: best practices for developers") Article asayer · 3y UX: best practices for developers User experience (UX) is a critical component of web development that can make or break the success of a website or application. UX refers to the user’s overall experience when interacting with a website, app, or product. A well-designed UX can increase user engagement, retention, and conversions, resulting in better commercial outcomes. 150 6 20. 20 [](https://daily.dev/posts/tool-for-front-end-teams-mpkt6bwws "Tool for front-end teams") Article Community Picks · 3y Tool for front-end teams Backlight empowers front-end teams to build and ship great design systems. Design systems boost productivity, quality and scalability of a product. But they're often costly and time-consuming to build. Backlight renders pull-requests visually for effortless checks and reviews. 149 8 21. 21 [](https://daily.dev/posts/blog---next-js-13-4-nehkvxmrq "Blog - Next.js 13.4") Article Next.js · 3y Blog - Next.js 13.4 Next.js 13.4 is a foundational release, marking stability for the App Router: App Router. The new router has an entirely different architecture, built on the foundation of React Server Components and Suspense. With the new App Router, you can import (and colocate) any CSS file in any component. 148 9 22. 22 [](https://daily.dev/posts/refine-new---introducing-the-fastest-way-to-create-react-apps-ovfcgubvu "⚡refine.new - Introducing the Fastest Way to Create React Apps") Article Community Picks · 3y ⚡refine.new - Introducing the Fastest Way to Create React Apps Discover how refine.new is transforming the way developers create React apps with its fast and easy-to-use browser tool. Learn about the benefits of using refine and refine.new, including time-saving, high-quality code, enterprise-grade applications, and open-source availability. 138 9 23. 23 [](https://daily.dev/posts/tamagui-1-0-tamagui-vjwfe5ljk "Tamagui 1.0 🎉 — Tamagui") Article Community Picks · 3y Tamagui 1.0 🎉 — Tamagui Tamagui is a suite of React components and hooks that optimize React code and provide customizable styles and themes. It consists of Tamagui Core, Tamagui Static, and Tamagui UI. The key feature of Tamagui's performance gains is view flattening or tree-flattening. Tamagui Core is a complete cross-platform style library, while Tamagui Static is an optimizing compiler for frontend React code. There are several new components in Tamagui, and upcoming features include dynamic inline evaluation, container queries, and more. Tamagui is funded by Github Sponsors. 137 10 24. 24 [](https://daily.dev/posts/it-s-a-door-able-unbfyign4 "it's a(door)able") Article Hacker News · 3y it's a(door)able It's a(door)able LOADING rewinding... playing back... made by @ncasenmare | open source code P.S. You can add your own personal message! 136 17 25. 25 [](https://daily.dev/posts/the-art-of-micro-frontends-spu9tdp5s "The Art of Micro Frontends") Article Sysco LABS Sri Lanka · 3y The Art of Micro Frontends The Art of Micro Frontends is a modular architecture design for web. The concept of micro frontends is an extension of the micro services used in backend. Companies such as Netflix, Zalando and Capital One have pushed the pattern to the front, preparing the groundwork for micro-frontends. 135 2 [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/2023/05#page","url":"https://daily.dev/posts/best-of/2023/05","name":"Best Developer Posts — May 2023","description":"The most upvoted daily.dev posts from May 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/posts/best-of/2023/05#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/the-react-ecosystem-in-2023-t1c5bte1z","name":"The React Ecosystem in 2023"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/frontend-developer-roadmap-3yxhfdqd6","name":"Frontend Developer Roadmap"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/50-chatgpt-prompts-for-web-developers-px9aba8cc","name":"50+ ChatGPT Prompts for Web Developers"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/usehooks-q0mtmslia","name":"useHooks"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/use-notion-as-a-database-for-your-next-js-blog-0wpk1akhh","name":"Use Notion as a database for your Next.JS Blog"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/realtime-colors-zhqmygxfd","name":"Realtime Colors"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/the-art-of-code-review-zb8zs5lio","name":"The Art of Code Review"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/4-mistakes-that-can-ruin-your-it-career-w3aqzoz6s","name":"4 Mistakes That Can Ruin Your IT Career"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/stop-being-a-junior-ld0yivunm","name":"Stop Being a Junior"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/doing-much-better-than-your-env-file-hu3hba0iz","name":"Doing much better than your .env file"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/vscode-profiles-optimize-your-coding-environment-s0tewvxqq","name":"VSCode Profiles: Optimize Your Coding Environment"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/why-we-re-bad-at-css-xay7hnmqw","name":"Why we're bad at CSS"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/api-design-practice-eje1ivsav","name":"API Design Practice"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/full-stack-engineer-career-guide-m0b42nnwr","name":"Full Stack Engineer – Career Guide"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/codefy-ai---code-faster-with-powerful-ai-tools-ztwretul5","name":"codefy.ai - Code faster with powerful AI tools"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/the-new-javascript-features-coming-in-ecmascript-2023-hg6a65oar","name":"The New JavaScript Features Coming in ECMAScript 2023"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/smolcss-9qwgpgj43","name":"SmolCSS"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/tailwindcss-vs-unocss-a0vg4lfal","name":"TailwindCSS vs. UnoCSS"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/ux-best-practices-for-developers-hqayfexed","name":"UX: best practices for developers"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/tool-for-front-end-teams-mpkt6bwws","name":"Tool for front-end teams"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/blog---next-js-13-4-nehkvxmrq","name":"Blog - Next.js 13.4"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/refine-new---introducing-the-fastest-way-to-create-react-apps-ovfcgubvu","name":"⚡refine.new - Introducing the Fastest Way to Create React Apps"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/tamagui-1-0-tamagui-vjwfe5ljk","name":"Tamagui 1.0 🎉 — Tamagui"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/it-s-a-door-able-unbfyign4","name":"it's a(door)able"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/the-art-of-micro-frontends-spu9tdp5s","name":"The Art of Micro Frontends"}]},{"@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 2023"}]}]} ```