--- title: Best developer posts — March 2023 | daily.dev description: The most upvoted daily.dev posts from March 2023, curated by the daily.dev community. canonical: https://daily.dev/posts/best-of/2023/03 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/posts/best-of/2023/03 og:type: website og:site_name: daily.dev og:title: Best developer posts — March 2023 | daily.dev og:description: The most upvoted daily.dev posts from March 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 — March 2023 1. 1 [](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 2. 2 [](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 3. 3 [](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 4. 4 [](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 5. 5 [](https://daily.dev/posts/16-little-ui-design-rules-that-make-a-big-impact-9kvbp6poj "16 little UI design rules that make a big impact") Article Community Picks · 3y 16 little UI design rules that make a big impact Learn about 16 UI design rules and guidelines that can make a big impact on the usability and aesthetics of an interface. Explore topics such as using space to group related elements, being consistent in design, creating a clear visual hierarchy, and selecting the right typeface. 491 28 6. 6 [](https://daily.dev/posts/javascript-one-liners-to-use-in-every-project-kxq3w4e2p "JavaScript One-Liners to Use in Every Project") Article freeCodeCamp · 4y JavaScript One-Liners to Use in Every Project Learn essential one-liners in JavaScript for tasks like capitalizing text, calculating percent, getting a random element, removing duplicates, sorting elements, checking equality, counting occurrences, waiting for a certain time, plucking property from an array of objects, and inserting an element at a certain position. 407 22 7. 7 [](https://daily.dev/posts/ui-ux-design-trends-2023-yn1rrl208 "UI/UX Design Trends 2023") Article Community Picks · 3y UI/UX Design Trends 2023 Discover the latest UI/UX design trends for 2023, including motion design, scrollytelling, bolder minimalism, happy colors, and aurora gradients. Explore the UX trends of cross-device experience, emotional design, personalization, and micro-interactions. Plus, find out how sustainability is being integrated into the tech industry. 379 20 8. 8 [](https://daily.dev/posts/how-to-build-recommendation-algorithms-and-system-designs-cyatet36i "How To Build Recommendation Algorithms And System Designs") Article Community Picks · 3y How To Build Recommendation Algorithms And System Designs This post covers the system design and recommendation algorithms of various big companies including Uber, YouTube, and Spotify. 270 17 9. 9 [](https://daily.dev/posts/system-design-master-template-how-to-answer-any-system-design-interview-question--pdprefhgx "System Design Master Template: How to Answer Any System Design Interview Question.") Article gitconnected · 3y System Design Master Template: How to Answer Any System Design Interview Question. System Design Master Template: How to Answer Any System Design Interview Question. The two biggest challenges of answering a system design interview question are: To know where to start. Arslan Ahmad: Have a look at the top image to understand the major components that could be part of any system design. 230 9 10. 10 [](https://daily.dev/posts/opencommit-gpt-generates-impressive-commits-in-1-second-open-source--h7bd3kir7 "OpenCommit: GPT generates impressive commits in 1 second 🤯🔫 (open-source)") Article Community Picks · 3y OpenCommit: GPT generates impressive commits in 1 second 🤯🔫 (open-source) OpenCommit is an open-source library that generates impressive commit messages using GPT. It makes commit messages meaningful and can be installed using npm. 225 33 11. 11 [](https://daily.dev/posts/the-most-failed-javascript-interview-questions-tca72oncc "The most failed JavaScript interview questions") Article Medium · 4y The most failed JavaScript interview questions Learn about some common JavaScript interview questions, including topics such as the event loop, variable scope, and ES6 modules. 226 12 12. 12 [](https://daily.dev/posts/announcing-typescript-5-0-swrbcoqph "Announcing TypeScript 5.0") Article DevBlogs · 3y Announcing TypeScript 5.0 TypeScript 5.0 introduces new features, optimizations, and breaking changes. It brings many new features, while aiming to make TypeScript smaller, simpler, and faster. Some of the optimizations include improved performance and reduced package size. There are also breaking changes in the library definitions and API. Overall, TypeScript 5.0 provides developers with a more efficient and powerful tool for building JavaScript applications. 221 7 13. 13 [](https://daily.dev/posts/basics-of-ci-cd-pipeline-e1xncdk5r "Basics of CI/CD Pipeline") Article Community Picks · 3y Basics of CI/CD Pipeline CI/CD pipeline automates the process of software delivery, reducing manual errors, providing feedback to developers, and allowing fast product iterations. It enables shorter time to market for new product features and improves an organization's competitive edge. Automation is crucial in facilitating the efficiency and accuracy of CI/CD pipelines. 220 7 14. 14 [](https://daily.dev/posts/solid-principles-in-reactjs-erquewmwk "SOLID principles in Reactjs") Article Dev Genius · 4y SOLID principles in Reactjs SOLID principles in ReactJS are a set of five principles aimed at making software design maintainable, scalable and easy to modify. These principles can be applied to any object-oriented programming language, including ReactJS. In this blog post, we’ll discuss the importance of the SOLID Principles in React JS and how they can improve your code. 220 9 15. 15 [](https://daily.dev/posts/discover-three-js--f1zpktvzb "Discover three.js!") Article Community Picks · 3y Discover three.js! Discover three.js is a tutorial series that introduces the web as a platform for 3D graphics using the three.js WebGL library. It covers everything you need to start creating professional-quality 3D web applications and provides live code examples and clear diagrams. 218 34 16. 16 [](https://daily.dev/posts/advanced-next-js-concepts-n9v7ru1ft "Advanced Next.js Concepts") Article Dev Genius · 3y Advanced Next.js Concepts Learn about advanced Next.js concepts including authentication, serverless functions, and using TypeScript. 206 15 17. 17 [](https://daily.dev/posts/learn-how-to-setup-a-ci-cd-pipeline-from-scratch-lexdngqoh "Learn How to Setup a CI/CD Pipeline from Scratch") Article DEV · 4y Learn How to Setup a CI/CD Pipeline from Scratch Learn how to setup a CI/CD pipeline for a Go application. Prerequisites include creating a SingleStore account, creating a Harness cloud account, and installing Go and Docker. The tutorial covers building the application, pushing it to Docker Hub, deploying it on a Kubernetes cluster, and automating the CI/CD pipeline. 203 1 18. 18 [](https://daily.dev/posts/7-best-open-source-alternatives-to-notion-hhgysye0w "7 Best Open Source Alternatives to Notion") Article Community Picks · 4y 7 Best Open Source Alternatives to Notion Discover the best open-source alternatives to Notion, a versatile productivity and organizational tool. Explore their advantages and disadvantages and find alternatives that may better meet your needs. 193 46 19. 19 [](https://daily.dev/posts/how-to-become-a-faster-and-more-efficient-developer--p52bbzwza "How to Become a Faster and More Efficient Developer?") Article Komodor · 3y How to Become a Faster and More Efficient Developer? Learn how to improve your velocity and efficiency as a developer by using tools like Git UI, focusing on problem-solving, sketching before coding, mastering your environments and tools, learning shortcuts, and investing in your IDE, terminal, and browser. The post also mentions the usefulness of AI tools like GitHub Co-Pilot. 190 16 20. 20 [](https://daily.dev/posts/send-large-files-from-frontend-to-the-backend-waethotjq "Send large files from frontend to the backend") Article Medium · 3y Send large files from frontend to the backend Learn how to send large files from frontend to backend using FileReader in JavaScript. Split the file into small chunks and stream them to the backend. Send the file name as a query parameter for unique identification. 187 9 21. 21 [](https://daily.dev/posts/github-copilot-x-the-ai-powered-developer-experience-fbkrqm6lj "GitHub Copilot X: The AI-powered developer experience") Article GitHub Blog · 3y GitHub Copilot X: The AI-powered developer experience GitHub Copilot is the world's first at-scale generative AI development tool made with OpenAI’s Codex model, a descendent of GPT-3\. It will also join our voice-to-code AI technology extension we previously demoed, which we’re now calling GitHub Cop Pilot Voice. 178 16 22. 22 [](https://daily.dev/posts/introducing-react-dev-react-msdb96wt7 "Introducing react.dev – React") Article Hacker News · 3y Introducing react.dev – React Introducing react.dev, the new home for React and its documentation. The new site teaches modern React with function components and Hooks. It includes diagrams, illustrations, challenges, and over 600 new interactive examples. The previous React documentation site has now moved to legacy.reactjs.org. 175 10 23. 23 [](https://daily.dev/posts/gpt-4-emxpienty "GPT-4") Article Community Picks · 3y GPT-4 GPT-4 is a highly advanced AI model that excels in creative and collaborative tasks, including writing, image analysis, and reasoning. It surpasses ChatGPT in multiple aspects and has been used by various organizations for innovative projects. 173 20 24. 24 [](https://daily.dev/posts/7-ways-chatgpt-can-help-developers-odgw4lymk "7 Ways ChatGPT Can Help Developers") Article Honeypot · 4y 7 Ways ChatGPT Can Help Developers ChatGPT is an AI technology that can benefit developers by generating code snippets, generating documents, writing test cases, simplifying codes, generating alternative codes, tracking down bugs/applying good code practices, and gathering information/research. However, it is important to remember that ChatGPT's responses may not always be accurate. 171 18 25. 25 [](https://daily.dev/posts/common-beginner-mistakes-with-react-4fadfd07v "Common Beginner Mistakes with React") Article Josh W Comeau · 4y Common Beginner Mistakes with React Explore common beginner mistakes with React and learn how to fix them. Topics include evaluating with zero, mutating state, not generating keys, missing whitespace, accessing state after changing it, returning multiple elements, missing style brackets, and using async functions in effects. 169 6 [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/03#page","url":"https://daily.dev/posts/best-of/2023/03","name":"Best Developer Posts — March 2023","description":"The most upvoted daily.dev posts from March 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/posts/best-of/2023/03#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/the-end-of-front-end-development-xqilcdkth","name":"The End of Front-End Development"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/set-up-codegpt-in-visual-studio-code-qc8rvycet","name":"Set up CodeGPT in Visual Studio Code"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/writing-better-commits-ktg3fsp20","name":"Writing Better Commits"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/daily-dev-raised-an-11m-seed-round--chtdcsqr1","name":"daily.dev raised an $11M seed round 🎉"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/16-little-ui-design-rules-that-make-a-big-impact-9kvbp6poj","name":"16 little UI design rules that make a big impact"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/javascript-one-liners-to-use-in-every-project-kxq3w4e2p","name":"JavaScript One-Liners to Use in Every Project"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/ui-ux-design-trends-2023-yn1rrl208","name":"UI/UX Design Trends 2023"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/how-to-build-recommendation-algorithms-and-system-designs-cyatet36i","name":"How To Build Recommendation Algorithms And System Designs"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/system-design-master-template-how-to-answer-any-system-design-interview-question--pdprefhgx","name":"System Design Master Template: How to Answer Any System Design Interview Question."},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/opencommit-gpt-generates-impressive-commits-in-1-second-open-source--h7bd3kir7","name":"OpenCommit: GPT generates impressive commits in 1 second 🤯🔫 (open-source)"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/the-most-failed-javascript-interview-questions-tca72oncc","name":"The most failed JavaScript interview questions"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/announcing-typescript-5-0-swrbcoqph","name":"Announcing TypeScript 5.0"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/basics-of-ci-cd-pipeline-e1xncdk5r","name":"Basics of CI/CD Pipeline"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/solid-principles-in-reactjs-erquewmwk","name":"SOLID principles in Reactjs"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/discover-three-js--f1zpktvzb","name":"Discover three.js!"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/advanced-next-js-concepts-n9v7ru1ft","name":"Advanced Next.js Concepts"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/learn-how-to-setup-a-ci-cd-pipeline-from-scratch-lexdngqoh","name":"Learn How to Setup a CI/CD Pipeline from Scratch"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/7-best-open-source-alternatives-to-notion-hhgysye0w","name":"7 Best Open Source Alternatives to Notion"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/how-to-become-a-faster-and-more-efficient-developer--p52bbzwza","name":"How to Become a Faster and More Efficient Developer?"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/send-large-files-from-frontend-to-the-backend-waethotjq","name":"Send large files from frontend to the backend"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/github-copilot-x-the-ai-powered-developer-experience-fbkrqm6lj","name":"GitHub Copilot X: The AI-powered developer experience"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/introducing-react-dev-react-msdb96wt7","name":"Introducing react.dev – React"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/gpt-4-emxpienty","name":"GPT-4"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/7-ways-chatgpt-can-help-developers-odgw4lymk","name":"7 Ways ChatGPT Can Help Developers"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/common-beginner-mistakes-with-react-4fadfd07v","name":"Common Beginner Mistakes with React"}]},{"@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":"March 2023"}]}]} ```