--- title: Best Community Picks posts — January 2023 | daily.dev description: The most upvoted Community Picks posts from January 2023, curated by the daily.dev community. canonical: https://daily.dev/sources/community/best-of/2023/01 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/community/best-of/2023/01 og:type: website og:site_name: daily.dev og:title: Best Community Picks posts — January 2023 | daily.dev og:description: The most upvoted Community Picks 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 Community Picks — January 2023 1. 1 [](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 2. 2 [](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 3. 3 [](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 4. 4 [](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 5. 5 [](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 6. 6 [](https://daily.dev/posts/a-complete-guide-to-css-grid-css-tricks-pjuhynbf2 "A Complete Guide to CSS Grid | CSS-Tricks") Article Community Picks·4y A Complete Guide to CSS Grid | CSS-Tricks CSS Grid is a two-dimensional layout system that, compared to any web layout system of the past, completely changes the way we design user interfaces. Grid is the very first CSS module created specifically to solve the layout problems we've all been hacking our way around for as long as we’ve been making websites. 123 6 7. 7 [](https://daily.dev/posts/git-sim-visually-simulate-git-operations-in-your-own-repos-bj1nshm4m "git-sim: Visually simulate Git operations in your own repos") Article Community Picks·4y git-sim: Visually simulate Git operations in your own repos Git-Sim is a command-line tool written in Python that allows Git users to quickly and easily generate images (or even video animations) illustrating the impact of a Git command will have on the local repo. The primary goal is to create and visualize the effects of Git commands, while minimizing interruption to the developer workflow. 115 15 8. 8 [](https://daily.dev/posts/i-created-an-opensource-portfolio-template-for-developers--czxapkrhb "I Created an OpenSource Portfolio Template for Developers 🚀") Article Community Picks·4y I Created an OpenSource Portfolio Template for Developers 🚀 I created an OpenSource Portfolio Website Template for Developers. The project is made with HTML, CSS, some JavaScript, and SASS to write CSS. Don't worry if you don't know any, I have provided the instructions on how to use Dopefolio and set up your own Portfolio using it in the README. 109 16 9. 9 [](https://daily.dev/posts/openai-api-uu9euc6m5 "OpenAI API") Article Community Picks·4y OpenAI API OpenAI is releasing an API for accessing new AI models developed by OpenAI. The API provides a general-purpose “text in, text out’ interface, allowing users to try it on virtually any English language task. It also allows you to hone performance on specific tasks by training on a dataset. 104 12 10. 10 [](https://daily.dev/posts/will-github-replace-your-resume-the-future-of-tech-recruiting-uoueqtsnp "Will GitHub Replace Your Resume? The future of tech recruiting") Article Community Picks·4y Will GitHub Replace Your Resume? The future of tech recruiting GitHub is adding more and more features every day to your GitHub profile to make it become your default resume. Many recruiters would prefer a resume to have all your experiences and skills, just like they wouldn't want a designer to share their dribble, they don't want you to share your shit. 100 51 11. 11 [](https://daily.dev/posts/redis-vs-kafka-vs-rabbitmq-al14karsu "Redis vs Kafka vs RabbitMQ") Article Community Picks·4y Redis vs Kafka vs RabbitMQ There are two common ways Microservices communicate with each other: Synchronous and Asynchronous. RabbitMQ was released in 2007 and is one of the first common message brokers to be created. RabbitMQ is an open-source that delivers messages through both point-to-point and pub-sub methods. 83 4 12. 12 [](https://daily.dev/posts/backends-for-frontends-pattern-wet--a7pb "Backends for Frontends Pattern") Article Community Picks·4y Backends for Frontends Pattern Backend for Frontend pattern allows frontend clients to load UI-ready data projections and to refresh the UI with event-driven notifications. The BFF pattern has been adopted by companies like Netflix, where their Android team seamlessly swapped the API backend of the Netflix Android app, enabling them to work with their endpoint. 77 6 13. 13 [](https://daily.dev/posts/first-version-of-vanilla-os-is-available-to-download-b-ioi0jyl "First Version of Vanilla OS is Available to Download") Article Community Picks·4y First Version of Vanilla OS is Available to Download Vanilla OS is an Ubuntu-based Linux distribution with a ton of major difference. It takes a bold new approach to desktop OS thanks to an immutable file system. It uses its own package manager and subsystem called apx. This is described as a wrapper around multiple package managers to install packages and run commands inside a managed container. 75 16 14. 14 [](https://daily.dev/posts/juicy-tailwindcss-tools-for-everyone-jbet9tjxh "Juicy Tailwindcss Tools For Everyone") Article Community Picks·4y Juicy Tailwindcss Tools For Everyone Tailwind CSS is a utility-first CSS framework that can help developers build custom designs quickly and easily. The toolbox is also a collection of pre-built, customizable templates and components that can be used as a starting point for a new project. Tailwindcss Brand Colors is a plugin that allows you to easily add colors from popular brand color palettes to your project. 73 3 15. 15 [](https://daily.dev/posts/how-to-be-a-good-developer-20-practical-tips-from-our-senior-programmers-rh-yzv49p "How to Be a Good Developer: 20 Practical Tips From Our Senior Programmers") Article Community Picks·4y How to Be a Good Developer: 20 Practical Tips From Our Senior Programmers The industry has undergone a significant change over the past few years. Today, a developer is no longer associated with an introverted worker in a flannel shirt, sitting incessantly at a computer. To become a good developer, you first need to have an aptitude for it and a strong desire for self-development. 70 10 16. 16 [](https://daily.dev/posts/serverless-frameworks-for-2023-ax5daivxu "⚡️Serverless Frameworks for 2023") Article Community Picks·4y ⚡️Serverless Frameworks for 2023 Serverless Framework is an open-source tool built specifically to simplify building serverless apps. It's found a carefully balanced way of abstracting away “just enough” of the parts you may not care about while allowing you the flexibility of CloudFormation when you need it. 63 4 17. 17 [](https://daily.dev/posts/basics-of-docker-why-what-and-how-mbofb7vis "Basics of Docker: Why, What and How") Article Community Picks·4y Basics of Docker: Why, What and How A VM requires a new operating system on its own on top of the physical machine and requires a dedicated amount of hard disk, CPU and memory for itself. This is not much performant, as the resources would be wasted if not used by the virtual machine. A Dockerfile is a document that contains all such commands a user requires to assemble an image. 62 1 18. 18 [](https://daily.dev/posts/a-visual-guide-to-useeffect-4ulxflpgg "A Visual Guide to useEffect") Article Community Picks·4y A Visual Guide to useEffect A Visual Guide to useEffect December 07, 2021 Here is what happens when you try to fetch data directly from the body of a functional component in React. To learn more about side effects and why they need a special treatment, check out this brilliant section in the new React documentation. 62 8 19. 19 [](https://daily.dev/posts/modern-api-design-with-golang-postgresql-and-docker-gmtpgcbws "Modern API design with Golang, PostgreSQL and Docker") Article Community Picks·4y Modern API design with Golang, PostgreSQL and Docker Go is a powerful language that's highly performant and has concurrency built in the language itself making it perfect for micro services. This article is aimed at anyone who wants to build a CRUD micro service or a simple RESTful API using Go (or Golang for SEO purposes) You can find all the code in my repository. 56 2 20. 20 [](https://daily.dev/posts/why-golang-is-a-good-choice-for-developers-in-2023-dk8qx5sck "Why Golang is a Good Choice for Developers in 2023") Article Community Picks·4y Why Golang is a Good Choice for Developers in 2023 Go (or Golang) has emerged as a powerful and efficient option for developers. In recent years, Go is becoming more popular and more and more companies have used Go in their production systems. Uber, Netflix, Dropbox, and Soundcloud use Go to power their distributed data pipeline, which processes over a billion events per second. 56 2 21. 21 [](https://daily.dev/posts/implementing-the-websocket-protocol-from-scratch-using-node-js-ma57dc80e "Implementing the WebSocket protocol from scratch using Node.js") Article Community Picks·4y Implementing the WebSocket protocol from scratch using Node.js The WebSocket protocol has become the de-facto standard for real-time communication on the web. It's hard to see this kind of stuff online, especially if we’re talking about something that's done with no third-party libraries or frameworks which is compatible with the browser and the protocol. 55 1 22. 22 [](https://daily.dev/posts/lencx-chatgpt-chatgpt-desktop-application-mac-windows-and-linux--jurle-rzb "lencx/ChatGPT: 🔮 ChatGPT Desktop Application (Mac, Windows and Linux)") Article Community Picks·4y lencx/ChatGPT: 🔮 ChatGPT Desktop Application (Mac, Windows and Linux) ChatGPT Desktop Application (Mac, Windows and Linux) ChatGPT desktop application is available on AUR with the package name. It works like a and helps you quickly populate custom models to make chatgpt work the way you want it to. The application is built using Tauri, and due to its security restrictions. 51 1 23. 23 [](https://daily.dev/posts/how-to-build-a-react-component-library--petvsjugk "How to Build a React component library?") Article Community Picks·4y How to Build a React component library? How to build a React component library? In this article I tried to talk the steps of creating a react component library. The best way to test our package locally is Storybook. We should publish our package in our peerDependencies to prevent rollup to add these packages in our bundle. 48 2 24. 24 [](https://daily.dev/posts/this-22-year-old-is-trying-to-save-us-from-chatgpt-before-it-changes-writing-forever-q88l21aee "This 22-year-old is trying to save us from ChatGPT before it changes writing forever") Article Community Picks·4y This 22-year-old is trying to save us from ChatGPT before it changes writing forever ChatGPT is an interactive chatbot powered by machine learning. It can do an endless array of things: write a story in a particular style, answer a question, explain a concept, compose an email — write a college essay. The technology has basically devoured the entire Internet, reading the collective works of humanity and learning patterns. 46 8 25. 25 [](https://daily.dev/posts/become-a-frontend-web-developer-in-2023---a-step-by-step-guide-wq-n6bd4d "Become a Frontend web developer in 2023 - A step by step guide") Article Community Picks·4y Become a Frontend web developer in 2023 - A step by step guide A front-end developer is responsible for building the layout of a website from scratch including various icons and toggles that users rely on to get a service done. Back-end developers do the exact opposite of frontenders do as a programmer in the field you are expected to implement all the background stuff like development of the infrastructure, database and Communications. 44 1 [See all Community Picks archives](/sources/community/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/community/best-of/2023/01#page","url":"https://daily.dev/sources/community/best-of/2023/01","name":"Best Community Picks Posts — January 2023","description":"The most upvoted Community Picks posts from January 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/community/best-of/2023/01#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/optimal-images-in-html-jns-kqls","name":"Optimal Images in HTML"},{"@type":"ListItem","position":2,"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":3,"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":4,"url":"https://daily.dev/posts/tailwind-css-15-component-libraries-ui-kits--lfr4yosb","name":"Tailwind CSS: 15 Component Libraries & UI Kits"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/astro-2-0-ooaz8boge","name":"Astro 2.0"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/a-complete-guide-to-css-grid-css-tricks-pjuhynbf2","name":"A Complete Guide to CSS Grid | CSS-Tricks"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/git-sim-visually-simulate-git-operations-in-your-own-repos-bj1nshm4m","name":"git-sim: Visually simulate Git operations in your own repos"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/i-created-an-opensource-portfolio-template-for-developers--czxapkrhb","name":"I Created an OpenSource Portfolio Template for Developers 🚀"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/openai-api-uu9euc6m5","name":"OpenAI API"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/will-github-replace-your-resume-the-future-of-tech-recruiting-uoueqtsnp","name":"Will GitHub Replace Your Resume? The future of tech recruiting"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/redis-vs-kafka-vs-rabbitmq-al14karsu","name":"Redis vs Kafka vs RabbitMQ"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/backends-for-frontends-pattern-wet--a7pb","name":"Backends for Frontends Pattern"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/first-version-of-vanilla-os-is-available-to-download-b-ioi0jyl","name":"First Version of Vanilla OS is Available to Download"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/juicy-tailwindcss-tools-for-everyone-jbet9tjxh","name":"Juicy Tailwindcss Tools For Everyone"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/how-to-be-a-good-developer-20-practical-tips-from-our-senior-programmers-rh-yzv49p","name":"How to Be a Good Developer: 20 Practical Tips From Our Senior Programmers"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/serverless-frameworks-for-2023-ax5daivxu","name":"⚡️Serverless Frameworks for 2023"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/basics-of-docker-why-what-and-how-mbofb7vis","name":"Basics of Docker: Why, What and How"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/a-visual-guide-to-useeffect-4ulxflpgg","name":"A Visual Guide to useEffect"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/modern-api-design-with-golang-postgresql-and-docker-gmtpgcbws","name":"Modern API design with Golang, PostgreSQL and Docker"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/why-golang-is-a-good-choice-for-developers-in-2023-dk8qx5sck","name":"Why Golang is a Good Choice for Developers in 2023"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/implementing-the-websocket-protocol-from-scratch-using-node-js-ma57dc80e","name":"Implementing the WebSocket protocol from scratch using Node.js"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/lencx-chatgpt-chatgpt-desktop-application-mac-windows-and-linux--jurle-rzb","name":"lencx/ChatGPT: 🔮 ChatGPT Desktop Application (Mac, Windows and Linux)"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/how-to-build-a-react-component-library--petvsjugk","name":"How to Build a React component library?"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/this-22-year-old-is-trying-to-save-us-from-chatgpt-before-it-changes-writing-forever-q88l21aee","name":"This 22-year-old is trying to save us from ChatGPT before it changes writing forever"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/become-a-frontend-web-developer-in-2023---a-step-by-step-guide-wq-n6bd4d","name":"Become a Frontend web developer in 2023 - A step by step guide"}]},{"@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":"Community Picks","item":"https://daily.dev/sources/community"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/community/best-of"},{"@type":"ListItem","position":5,"name":"January 2023"}]}]} ```