--- title: Best developer posts — January 2023 | daily.dev description: The most upvoted daily.dev posts from January 2023, curated by the daily.dev community. canonical: https://daily.dev/posts/best-of/2023/01 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/posts/best-of/2023/01 og:type: website og:site_name: daily.dev og:title: Best developer posts — January 2023 | daily.dev og:description: The most upvoted daily.dev posts from January 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 — January 2023 1. 1 [](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 2. 2 [](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 3. 3 [](https://daily.dev/posts/a-cure-for-react-usestate-hell--ke5v-7wcq "A cure for React useState hell?") Article DEV · 4y A cure for React useState hell? There's nothing preventing you from choosing an end date that’s before the start date, which makes no sense. There's no guard for a title or description that is too long. Using useReducer, we could transform the above code, to just this: i The hook helps you control transformations from state A to state B. 350 20 4. 4 [](https://daily.dev/posts/optimal-images-in-html-jns-kqls "Optimal Images in HTML") Article Community Picks · 4y Optimal Images in HTML Shopify Storefront Build is the most powerful no-code solution for Shopify merchants to drive growth Pricing Blog.io & Elastic Path on 12/13 Use Cases Landing Pages Customize and optimize high performing landing pages within your existing site or app Headless CMS. Visually create and seamlessly manage content on any tech stack. 321 20 5. 5 [](https://daily.dev/posts/software-system-design-for-beginners--1w8pl8fp "Software System Design for Beginners") Article freeCodeCamp · 4y Software System Design for Beginners Software System Design for Beginners is designed to provide a comprehensive understanding of the various concepts and techniques involved in designing and building software systems. You will learn about basic engineering design patterns that are used to build large-scale distributed systems. The course uses video streaming service as an example for demonstrating system design principles. 279 5 6. 6 [](https://daily.dev/posts/web-design-trends-2023-ij7mepn9s "Web Design Trends 2023") Article Red Stapler · 4y Web Design Trends 2023 Bold Typography is being used more frequently to make a statement and grab the attention of users. 3D Transform, Filter and new CSS features are going to unlock lots of interesting web design purely on CSS. Dark mode/Dark Design is expected to be a popular trend in web design this year. 267 24 7. 7 [](https://daily.dev/posts/advanced-vs-code-shortcuts-to-code-like-a-wizard-87to9z3ba "Advanced VS Code Shortcuts to Code Like a Wizard") Article ITNEXT · 4y Advanced VS Code Shortcuts to Code Like a Wizard Advanced VS Code Shortcuts to Code Like a Wizard Your keyboard is officially your new best friend. If you find yourself spending an eternity trying to find a file or reaching for your mouse every 2 seconds, these shortcuts are for you. 262 32 8. 8 [](https://daily.dev/posts/real-time-notifications--jrnjmpyqg "Real-time notifications 🔔") Article daily.dev Changelog · 4y Real-time notifications 🔔 New notification center will allow you to stay up-to-date with all the latest updates in real-time. You can receive notifications when you get an upvote, comment, mention, or any other major activity on our platform. Simply click on the notification center icon to view your notifications and stay on top of everything that is happening. 261 55 9. 9 [](https://daily.dev/posts/git-commit-patterns-jk3jcjufl "Git Commit Patterns") Article DEV · 4y Git Commit Patterns Conventional Commits are a simple convention for commit messages, which follows a set of rules and helps projects to have an explicit and well-structured commit history. In the long run, the effect is even more damaging, as the maintainability of the software suffers due to inconsistencies in the scope of these changes. 249 29 10. 10 [](https://daily.dev/posts/dashy---the-self-hosted-personal-dashboard-1k5xswc52 "Dashy - The Self Hosted Personal Dashboard") Article Noted · 4y Dashy - The Self Hosted Personal Dashboard Dashy - The Self Hosted Personal Dashboard Dashy is a self hosted personal dashboard built for you. Includes status-checking, widgets, themes, icon packs, a UI editor and tons more. Dashy can be as simple or advanced as you want it to be. 226 16 11. 11 [](https://daily.dev/posts/this-is-why-we-stopped-using-react-native--2lishktw "This is Why We Stopped Using React Native") Article Community Picks · 4y This is Why We Stopped Using React Native React Native is a ‘cross-platform’ framework that allows you to create both Android and iOS apps with a single codebase. It’s an alternative to ‘native’ frameworks for iOS and Android which are the frameworks that the vendors of the platforms suggest you use. 222 29 12. 12 [](https://daily.dev/posts/how-to-build-a-portfolio-website-with-react-tailwind-css-vuafwxiui "How to build a portfolio website with React & Tailwind CSS") Article DEV · 4y How to build a portfolio website with React & Tailwind CSS Every developer must have a portfolio website to show off their skills and projects. We will build portfolio website with React.js and Tailwind CSS. 203 19 13. 13 [](https://daily.dev/posts/three-js-journey-learn-webgl-with-three-js-f-yd-imuy "Three.js Journey — Learn WebGL with Three.js") Article Community Picks · 4y Three.js Journey — Learn WebGL with Three.js Learn WebGL with Three.js by Bruno Simon will teach you the secrets to create the coolest WebGL websites with three.js. 199 19 14. 14 [](https://daily.dev/posts/ultimate-chatgpt-resource-guide---chatgpt-tutorial-2hyjqu7vt "Ultimate ChatGPT Resource Guide - ChatGPT Tutorial") Article DEV · 4y Ultimate ChatGPT Resource Guide - ChatGPT Tutorial The Ultimate ChatGPT Resource Guide is the latest from OpenAI in terms of what Artificial Intelligence brings to the table to change the future. I've put together several videos to cover the subject in great detail. I've also created a number of resources so you can immediately start usingChatGPT to build your own products. 195 18 15. 15 [](https://daily.dev/posts/how-to-learn-react-in-2023-4on8be9i9 "How to Learn React in 2023") Article freeCodeCamp · 4y How to Learn React in 2023 How to learn React in 2023? Get all the training you need to be a React pro with the React Bootcamp. Many JavaScript concepts can be learned at the same time you are learning React. You will encounter and learn more React concepts as you start building your own projects. 190 13 16. 16 [](https://daily.dev/posts/airtest---generate-unit-tests-using-ai-i8chuxvh4 "Airtest - Generate unit tests using AI") Article Product Hunt · 4y Airtest - Generate unit tests using AI Generate unit tests using AI for C#, C++, Go, Java, JavaScript, PHP, Python, R Lang, Ruby, and Swift code. This is Airtest's first launch. This is not rated yet. 185 14 17. 17 [](https://daily.dev/posts/tailwind-css-15-component-libraries-ui-kits--lfr4yosb "Tailwind CSS: 15 Component Libraries & UI Kits") Article Community Picks · 4y Tailwind CSS: 15 Component Libraries & UI Kits Tailwind CSS has surpassed Bulma, Semantic UI, Foundation, and other prominent CSS frameworks in just a few years. It is now the 2nd most popular framework in the world, with Bootstrap holding a sturdy number one position. With several hundred custom components, it's also one of the most complete libraries. 172 24 18. 18 [](https://daily.dev/posts/web-apps---my-mental-cheat-sheet-d6491whot "Web apps - my mental cheat-sheet") Article DEV · 4y Web apps - my mental cheat-sheet The default is now to deliver software over the internet, piggy-banking on the cross-platform-runs-everything-silver-bullet aka. With great power comes great complexity. But what does that mean exactly? What does the browser flicker when you change the page inside the web app? 169 6 19. 19 [](https://daily.dev/posts/astro-2-0-ooaz8boge "Astro 2.0") Article Community Picks · 4y Astro 2.0 Astro 2.0 is the first major web framework to deliver complete type-safety for Markdown and MDX. Astro now helps you organize your Markdown with built-in parsing, validation, and automatic TypeScript type generation. This new release is a game-changer for anyone working with Markdown on the web. 163 10 20. 20 [](https://daily.dev/posts/11-stages-to-become-a-javascript-full-stack-engineer-z9nreu4ay "11 Stages To Become A JavaScript Full-Stack Engineer") Article DEV · 4y 11 Stages To Become A JavaScript Full-Stack Engineer A good start will be the tutorial of W3Schools that teaches all the basics and also some advanced information. Node.js is a powerful JavaScript-based platform that is built on Google Chrome’s JavaScript V8 Engine and provides an event-driven, non-blocking (asynchronous) I/O and cross-platform. 165 57 21. 21 [](https://daily.dev/posts/mern-stack-for-web-development-c6bl-mlrm "MERN stack for Web Development") Article AWS Tip · 4y MERN stack for Web Development MERN stack comprises a collection of four frameworks used to develop full-stack javascript solutions for rapid, scalable, and secure applications. All frameworks are open-source and have room for designing flexible and scalable applications. Ease of learning the frameworks as they follow similar patterns and support quality collaboration. 163 14 22. 22 [](https://daily.dev/posts/new-action-bar--yc3zvzfly "New action bar 🎛️") Article daily.dev Changelog · 4y New action bar 🎛️ The action bar appears on every article page. To access it, simply click on any post on the feed. With the ability to upvote, comment, and share, you'll have all the tools you need to engage with the community and build your professional network. 159 37 23. 23 [](https://daily.dev/posts/mastering-typescript-21-best-practices-for-improved-code-quality-dpjl8jjfi "Mastering TypeScript: 21 Best Practices for Improved Code Quality") Article ITNEXT · 4y Mastering TypeScript: 21 Best Practices for Improved Code Quality TypeScript is a widely used, open-source programming language that is perfect for modern development. With its advanced type system, TypeScript allows developers to write code that is more robust, maintainable, and scalable. In this article, we'll dive deep into the world of TypeScript and explore 21 best practices for mastering the language. 149 10 24. 24 [](https://daily.dev/posts/things-they-didn-t-teach-you-about-software-engineering-cjcaptemz "Things they didn’t teach you about Software Engineering") Article Pointer · 4y Things they didn’t teach you about Software Engineering Software Engineering is not as glamorous as boot camps tend to portray it, and there's much more overhead involved than just coding. The primary focus of a software engineer's job is not writing code but rather creating value through the use of software that was written. Code is simply a tool to achieve this end goal. 149 11 25. 25 [](https://daily.dev/posts/the-chatgpt-cheat-sheet-pttv3znqo "The ChatGPT Cheat Sheet") Article KDnuggets · 4y The ChatGPT Cheat Sheet The ChatGPT Cheat Sheet was put together by Ricky Costa, an engineer at Neural Magic. It covers everything from basic NLP tasks to advanced prompt engineering techniques. It is an excellent resource for both beginners and experienced users, and will undoubtedly help to improve the quality of your output. 145 9 [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/01#page","url":"https://daily.dev/posts/best-of/2023/01","name":"Best Developer Posts — January 2023","description":"The most upvoted daily.dev posts from January 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/posts/best-of/2023/01#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/10-web-development-trends-in-2023-5h3aw-hrx","name":"10 Web Development Trends in 2023"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/8-react-projects-to-build-in-2023-zqodnj6ua","name":"8 React Projects to Build in 2023"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/a-cure-for-react-usestate-hell--ke5v-7wcq","name":"A cure for React useState hell?"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/optimal-images-in-html-jns-kqls","name":"Optimal Images in HTML"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/software-system-design-for-beginners--1w8pl8fp","name":"Software System Design for Beginners"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/web-design-trends-2023-ij7mepn9s","name":"Web Design Trends 2023"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/advanced-vs-code-shortcuts-to-code-like-a-wizard-87to9z3ba","name":"Advanced VS Code Shortcuts to Code Like a Wizard"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/real-time-notifications--jrnjmpyqg","name":"Real-time notifications 🔔"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/git-commit-patterns-jk3jcjufl","name":"Git Commit Patterns"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/dashy---the-self-hosted-personal-dashboard-1k5xswc52","name":"Dashy - The Self Hosted Personal Dashboard"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/this-is-why-we-stopped-using-react-native--2lishktw","name":"This is Why We Stopped Using React Native"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/how-to-build-a-portfolio-website-with-react-tailwind-css-vuafwxiui","name":"How to build a portfolio website with React & Tailwind CSS"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/three-js-journey-learn-webgl-with-three-js-f-yd-imuy","name":"Three.js Journey — Learn WebGL with Three.js"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/ultimate-chatgpt-resource-guide---chatgpt-tutorial-2hyjqu7vt","name":"Ultimate ChatGPT Resource Guide - ChatGPT Tutorial"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/how-to-learn-react-in-2023-4on8be9i9","name":"How to Learn React in 2023"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/airtest---generate-unit-tests-using-ai-i8chuxvh4","name":"Airtest - Generate unit tests using AI"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/tailwind-css-15-component-libraries-ui-kits--lfr4yosb","name":"Tailwind CSS: 15 Component Libraries & UI Kits"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/web-apps---my-mental-cheat-sheet-d6491whot","name":"Web apps - my mental cheat-sheet"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/astro-2-0-ooaz8boge","name":"Astro 2.0"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/11-stages-to-become-a-javascript-full-stack-engineer-z9nreu4ay","name":"11 Stages To Become A JavaScript Full-Stack Engineer"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/mern-stack-for-web-development-c6bl-mlrm","name":"MERN stack for Web Development"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/new-action-bar--yc3zvzfly","name":"New action bar 🎛️"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/mastering-typescript-21-best-practices-for-improved-code-quality-dpjl8jjfi","name":"Mastering TypeScript: 21 Best Practices for Improved Code Quality"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/things-they-didn-t-teach-you-about-software-engineering-cjcaptemz","name":"Things they didn’t teach you about Software Engineering"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/the-chatgpt-cheat-sheet-pttv3znqo","name":"The ChatGPT Cheat Sheet"}]},{"@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":"January 2023"}]}]} ```