--- title: Best developer posts of 2023 | daily.dev description: The most upvoted daily.dev posts of 2023, curated by the daily.dev community. canonical: https://daily.dev/posts/best-of/2023 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/posts/best-of/2023 og:type: website og:site_name: daily.dev og:title: Best developer posts of 2023 | daily.dev og:description: The most upvoted daily.dev posts of 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 — 2023 1. 1 [](https://daily.dev/posts/sharing-a-state-between-windows-without-a-serve-nrutfuxaj "Sharing a state between windows without a serve") Article DEV · 3y Sharing a state between windows without a serve Learn how to share a state between multiple windows without a server by using Local Storage and Shared Workers. Understand the concept of Shared Workers and their role in communication between instances of the same script. 1.3K 41 2. 2 [](https://daily.dev/posts/the-end-of-front-end-development-xqilcdkth "The End of Front-End Development") Article Josh W Comeau · 3y The End of Front-End Development GPT-4 can take a hand-drawn sketch of a website, and turn it into a fully-functional website, including a bit of JS to wire up the “Reveal Punchline” button. This is remarkable, and I think it has a lot of potential when it comes to prototyping. 936 103 3. 3 [](https://daily.dev/posts/bun-1-0-xeb1bb2m9 "Bun 1.0") Article Community Picks · 3y Bun 1.0 Bun is a fast, all-in-one toolkit for running, building, testing, and debugging JavaScript and TypeScript. Bun's goal is to eliminate slowness and complexity without throwing away everything that's great about JavaScript. Bun is tested against test suites of the most popular Node.js packages on Node. 788 47 4. 4 [](https://daily.dev/posts/habits-of-great-software-engineers-2cyrgleyx "Habits of great software engineers") Article Just Another CTO · 3y Habits of great software engineers The article discusses the habits of great software engineers, emphasizing the importance of focusing beyond coding, pursuing efficiency, enjoying tinkering, understanding the 'why' behind the code, thinking in systems, recharging beyond technology, approximating numbers, transferring knowledge to new problems, simplifying complex concepts, playing the long game, and developing a code nose. 763 33 5. 5 [](https://daily.dev/posts/resources-i-wish-i-knew-when-i-started-my-career-jgcjd4klu "Resources I wish I knew when I started my career") Article DEV · 3y Resources I wish I knew when I started my career Useful resources and tips for new software industry professionals. 682 27 6. 6 [](https://daily.dev/posts/a-programmer-presents-a-mind-blowing-multi-window-adaptive-experience-oklqxunjd "A Programmer Presents a Mind-Blowing Multi-Window Adaptive Experience") Article 80 LEVEL · 3y A Programmer Presents a Mind-Blowing Multi-Window Adaptive Experience A programmer has developed a setup that allows synchronization of a 3D scene across multiple browser windows. It uses Three.js and localStorage and is designed for developers interested in advanced web graphics and window management techniques. 655 46 7. 7 [](https://daily.dev/posts/iconbuddy-100k-open-source-icons-pozwwuwz1 "Iconbuddy — 100K+ open source icons") Article Pointer · 3y Iconbuddy — 100K+ open source icons Iconbuddy - 100K+ open source icons Iconbuddy Download, Customize, Edit and Personalize. We're shipping things fast af! We're soon launching a powerfulapi, sign up to keep updated. Contact us or follow us on us on Twitter. 636 44 8. 8 [](https://daily.dev/posts/backend-projects-for-transitioning-to-a-senior-level-developer--4mosevui2 "Backend Projects 🏗️ for Transitioning to a Senior-Level 🙌 Developer 🧑‍💻") Article Bootcamp · 3y Backend Projects 🏗️ for Transitioning to a Senior-Level 🙌 Developer 🧑‍💻 As a backend developer, you play a crucial role in designing and implementing the server-side logic that powers applications. In this article, we will explore a range of project ideas that can help you level up your backend development skills, demonstrate your proficiency in handling advanced concepts, and pave the way for a senior-level developer role. 632 31 9. 9 [](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 10. 10 [](https://daily.dev/posts/dotenv-is-dead-mcfpsxnlv "Dotenv is dead") Article Community Picks · 3y Dotenv is dead Node.js 20.6.0 brings support for loading environment variable files. Reading directly from process.env has issues such as lack of type safety, validation, and immutability. Zod is a library used to parse and validate environment variables. 599 31 11. 11 [](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 12. 12 [](https://daily.dev/posts/css-trick-transition-from-height-0-to-auto--wwxc8nnwz "🧙‍♂️ CSS trick: transition from height 0 to auto!") Article Community Picks · 3y 🧙‍♂️ CSS trick: transition from height 0 to auto! Learn how to transition from height 0 to auto in CSS using CSS Grid. Avoid fixed heights and use a neat trick with grid-template-rows. 574 26 13. 13 [](https://daily.dev/posts/how-to-build-a-personal-brand-as-a-developer-ry2z6cmck "How to Build a Personal Brand as a Developer") Article Honeypot · 3y How to Build a Personal Brand as a Developer Building a personal brand as a developer can help you stand out, gain credibility, network, and achieve your career goals. To build your personal brand, consider your ambitions and comfort level, embrace your passions and knowledge, create an online presence, build offline buzz, and measure and adapt your strategy. 565 29 14. 14 [](https://daily.dev/posts/what-s-new-in-javascript-in-2023-changes-with-code-examples-m5fgpok7b "What's New in JavaScript in 2023 – Changes with Code Examples") Article freeCodeCamp · 3y What's New in JavaScript in 2023 – Changes with Code Examples ECMAScript 2023 introduces changes to JavaScript that make programming easier. The changes include the Object.groupBy method for grouping objects based on a property value, the Array.toSliced(), Array.toSorted(), and Array.toReversed() methods for manipulating arrays without mutating the original array, and the findLast() and findLastIndex() methods for finding the last element or index in an array that satisfies a condition. 564 27 15. 15 [](https://daily.dev/posts/10-web-development-trends-in-2023-5h3aw-hrx "10 Web Development Trends in 2023") Article Robin Wieruch · 4y 10 Web Development Trends in 2023 The most popular meta framework called Next.js comes on top of React.js. SSR is all over the place when working with JavaScript frameworks these days. Other meta frameworks like SvelteKit are catching up. SSR has been competing with static site generation (SSG) for a while for the perfect performance. 559 58 16. 16 [](https://daily.dev/posts/set-up-codegpt-in-visual-studio-code-qc8rvycet "Set up CodeGPT in Visual Studio Code") Article asayer · 3y Set up CodeGPT in Visual Studio Code CodeGPT is a Visual Studio code extension that allows you to use the GPT-3 model to generate, explain, refactor, and document code snippets. This post provides instructions on how to install and configure CodeGPT in Visual Studio Code, and showcases its capabilities in generating, explaining, refactoring, and writing unit tests for code snippets. 554 56 17. 17 [](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 18. 18 [](https://daily.dev/posts/react-visualized-react-gg-bisspev15 "React, visualized – react.gg") Article Community Picks · 3y React, visualized – react.gg Learn about lifting state up to the nearest parent component and using the Context API in React to bypass the limitation of passing props through intermediate components. 549 28 19. 19 [](https://daily.dev/posts/an-interactive-guide-to-css-grid-qaklckagh "An Interactive Guide to CSS Grid") Article Josh W Comeau · 3y An Interactive Guide to CSS Grid Learn about the fundamentals of CSS Grid, including how it works and how it can be used to create complex layouts. 544 10 20. 20 [](https://daily.dev/posts/8-react-projects-to-build-in-2023-zqodnj6ua "8 React Projects to Build in 2023") Article freeCodeCamp · 4y 8 React Projects to Build in 2023 8 React Projects to Build in 2023 will show you what's possible to make with React. Check out the React Bootcamp to see how to make each of them step-by-step. Todo apps are a great project to begin with because you don't need any third-party libraries to build them. 541 34 21. 21 [](https://daily.dev/posts/writing-better-commits-ktg3fsp20 "Writing Better Commits") Article ITNEXT · 3y Writing Better Commits Learn about the benefits of writing better commits and how to use the better-commits CLI to follow the Conventional Commit Guidelines. 531 35 22. 22 [](https://daily.dev/posts/why-signals-are-better-than-react-hooks-dgesd3rrx "Why Signals Are Better Than React Hooks") Article Community Picks · 3y Why Signals Are Better Than React Hooks Discover the benefits of using signals over React hooks, including simplified usage, improved performance, and eliminating complex rules. Signals handle dependencies automatically and can be used anywhere in or outside of a component. Performance metrics have shown significant speed improvements with the use of signals. 515 32 23. 23 [](https://daily.dev/posts/soft-skill-books-that-will-make-you-a-better-developer-bpza7fm3x "Soft skill books that will make you a better developer") Article Addy Osmani · 3y Soft skill books that will make you a better developer This article provides a list of soft skill books that can help developers improve their programming and managerial abilities. It covers various topics such as deep focus, high-leverage activities, growth mindset, leadership skills, and more. The article highlights the importance of developing soft skills alongside technical skills for developers. 512 25 24. 24 [](https://daily.dev/posts/writing-clean-code-best-practices-and-principles-2iykukjhq "Writing Clean Code: Best Practices and Principles") Article DEV · 3y Writing Clean Code: Best Practices and Principles Clean code is code that is easy to read, easy to understand, and easy to modify. Clean code follows a set of conventions and best practices that make it more consistent, making it easier for multiple developers to work on the same project seamlessly. Code that is difficult to understand is more prone to errors during modifications or enhancements. 506 27 25. 25 [](https://daily.dev/posts/daily-dev-raised-an-11m-seed-round--chtdcsqr1 "daily.dev raised an $11M seed round 🎉") Article daily.dev · 3y daily.dev raised an $11M seed round 🎉 daily.dev has raised $11 million in seed funding to build a professional network for developers. The funding will fuel their growth and enable them to build a platform where developers can actively improve, interact, and collaborate to make software that impacts lives worldwide. 502 152 [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#page","url":"https://daily.dev/posts/best-of/2023","name":"Best Developer Posts of 2023","description":"The most upvoted daily.dev posts of 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/posts/best-of/2023#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/sharing-a-state-between-windows-without-a-serve-nrutfuxaj","name":"Sharing a state between windows without a serve"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/the-end-of-front-end-development-xqilcdkth","name":"The End of Front-End Development"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/bun-1-0-xeb1bb2m9","name":"Bun 1.0"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/habits-of-great-software-engineers-2cyrgleyx","name":"Habits of great software engineers"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/resources-i-wish-i-knew-when-i-started-my-career-jgcjd4klu","name":"Resources I wish I knew when I started my career"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/a-programmer-presents-a-mind-blowing-multi-window-adaptive-experience-oklqxunjd","name":"A Programmer Presents a Mind-Blowing Multi-Window Adaptive Experience"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/iconbuddy-100k-open-source-icons-pozwwuwz1","name":"Iconbuddy — 100K+ open source icons"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/backend-projects-for-transitioning-to-a-senior-level-developer--4mosevui2","name":"Backend Projects 🏗️ for Transitioning to a Senior-Level 🙌 Developer 🧑‍💻"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/the-react-ecosystem-in-2023-t1c5bte1z","name":"The React Ecosystem in 2023"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/dotenv-is-dead-mcfpsxnlv","name":"Dotenv is dead"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/frontend-developer-roadmap-3yxhfdqd6","name":"Frontend Developer Roadmap"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/css-trick-transition-from-height-0-to-auto--wwxc8nnwz","name":"🧙‍♂️ CSS trick: transition from height 0 to auto!"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/how-to-build-a-personal-brand-as-a-developer-ry2z6cmck","name":"How to Build a Personal Brand as a Developer"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/what-s-new-in-javascript-in-2023-changes-with-code-examples-m5fgpok7b","name":"What's New in JavaScript in 2023 – Changes with Code Examples"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/10-web-development-trends-in-2023-5h3aw-hrx","name":"10 Web Development Trends in 2023"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/set-up-codegpt-in-visual-studio-code-qc8rvycet","name":"Set up CodeGPT in Visual Studio Code"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/50-chatgpt-prompts-for-web-developers-px9aba8cc","name":"50+ ChatGPT Prompts for Web Developers"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/react-visualized-react-gg-bisspev15","name":"React, visualized – react.gg"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/an-interactive-guide-to-css-grid-qaklckagh","name":"An Interactive Guide to CSS Grid"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/8-react-projects-to-build-in-2023-zqodnj6ua","name":"8 React Projects to Build in 2023"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/writing-better-commits-ktg3fsp20","name":"Writing Better Commits"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/why-signals-are-better-than-react-hooks-dgesd3rrx","name":"Why Signals Are Better Than React Hooks"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/soft-skill-books-that-will-make-you-a-better-developer-bpza7fm3x","name":"Soft skill books that will make you a better developer"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/writing-clean-code-best-practices-and-principles-2iykukjhq","name":"Writing Clean Code: Best Practices and Principles"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/daily-dev-raised-an-11m-seed-round--chtdcsqr1","name":"daily.dev raised an $11M seed round 🎉"}]},{"@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":"2023"}]}]} ```