--- title: Best Community Picks posts — November 2023 | daily.dev description: The most upvoted Community Picks posts from November 2023, curated by the daily.dev community. canonical: https://daily.dev/sources/community/best-of/2023/11 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/community/best-of/2023/11 og:type: website og:site_name: daily.dev og:title: Best Community Picks posts — November 2023 | daily.dev og:description: The most upvoted Community Picks posts from November 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 — November 2023 1. 1 [](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 2. 2 [](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 3. 3 [](https://daily.dev/posts/vite-5-0-is-out--mt2mszfah "Vite 5.0 is out!") Article Community Picks · 3y Vite 5.0 is out! Vite 5.0 has been released, bringing new features and improvements to the popular JavaScript build tool. It now uses Rollup 4 for improved build performance and introduces server.warmup to improve startup time. Vite no longer supports older versions of Node.js, requiring version 18 or higher. Check out the Migration Guide for a smooth upgrade process. 476 22 4. 4 [](https://daily.dev/posts/bruno-api-client-a9nzi81bm "Bruno API Client") Article Community Picks · 3y Bruno API Client Bruno is a new API client that aims to revolutionize the current options like Postman and Insomnia. It uses a plain text markup language to store API requests and values data privacy. 297 15 5. 5 [](https://daily.dev/posts/become-a-better-developer-by-improving-your-habits-2udughi1q "Become a better developer by improving your habits") Article Community Picks · 3y Become a better developer by improving your habits Improve your life by changing your habits. Small changes can lead to great results. Focus on the 'who' instead of the 'what'. Understand the structure of habits. Engineer your environment for positive change. Start with a two-minute action. Track your habits and stay consistent. 271 10 6. 6 [](https://daily.dev/posts/my-software-estimation-technique-y6prr62ew "My Software Estimation Technique") Article Community Picks · 3y My Software Estimation Technique Learn a software estimation technique that captures both time and uncertainty. The technique involves breaking down work into smaller tasks based on complexity, estimating uncertainty, and refining the estimate as needed. By tracking accuracy over time, you can improve your estimation skills. Other estimation techniques like PERT, evidence-based scheduling, and fruit-salad scrum are also mentioned. 243 5 7. 7 [](https://daily.dev/posts/do-we-really-need-a-backend-now-can-we-build-applications-without-backend-with-next-js-14--krdsa6jes "Do we really need a backend now? Can we build applications without backend with Next.js 14?") Article Community Picks · 3y Do we really need a backend now? Can we build applications without backend with Next.js 14? The role of the backend in web development has been a critical component for many years. However, with the advent of frameworks like Next.js 14, the question arises whether a backend is still needed. The author presents their opinion that for many applications, a separate backend is not necessary. They discuss the use of third-party APIs, the challenges of syncing data with databases and external APIs, and the scalability issues of deploying a frontend-focused platform. They also highlight the benefits of building applications with a custom backend, such as full control and flexibility. The author recommends their blog for more information on backend technologies. 221 37 8. 8 [](https://daily.dev/posts/state-of-javascript-2023-wqsjvgtv7 "State of JavaScript 2023") Article Community Picks · 3y State of JavaScript 2023 JavaScript is expanding its reach beyond the browser with features like React Server Components and frameworks like Solid and Qwik. The survey aims to measure awareness and popularity of JavaScript features and libraries. 210 9. 9 [](https://daily.dev/posts/geist-font-vercel-ovmghvtzw "Geist Font — Vercel") Article Community Picks · 3y Geist Font — Vercel Geist is a typeface developed by Vercel specifically designed for developers and designers. It prioritizes readability and seamlessly integrates into coding environments. Geist embodies design principles of simplicity, minimalism, and speed, drawing inspiration from the renowned Swiss design movement. 209 11 10. 10 [](https://daily.dev/posts/sql-formatter-qetylyj7x "SQL Formatter") Article Community Picks · 3y SQL Formatter A tool called SQL Formatter that helps developers format SQL code for readability and consistency. 200 9 11. 11 [](https://daily.dev/posts/the-complete-guide-to-websockets-with-react-xmjfdu6yo "The complete guide to WebSockets with React") Article Community Picks · 3y The complete guide to WebSockets with React Learn about WebSockets and how to use them with React to build a smooth realtime cursor experience. Discover what WebSockets are, how they work, and explore some React WebSocket libraries. The article also covers best practices for using WebSockets with React and provides a tutorial on building a live cursors experience. 186 1 12. 12 [](https://daily.dev/posts/the-only-5-zsh-plugins-you-need-fpolvw5vy "The Only 5 Zsh Plugins You Need") Article Community Picks · 3y The Only 5 Zsh Plugins You Need Learn about the top 5 zsh plugins that can enhance your CLI experience, including git aliases, auto suggestion, syntax highlighting, shortcut suggestions, and improved output with syntax highlighting. 166 17 13. 13 [](https://daily.dev/posts/how-to-and-how-not-to-design-rest-apis-8b76pulwy "How to (and how not to) design REST APIs") Article Community Picks · 3y How to (and how not to) design REST APIs This article provides a set of best practices for designing REST APIs, including using plural nouns for collections, avoiding unnecessary path segments, not adding extensions to URLs, not returning arrays as top level responses, using strings for all identifiers, prefixing identifiers, not using 404 to indicate 'not found', being consistent with field names, using a structured error format, and providing idempotence mechanisms for non-idempotent operations. 154 4 14. 14 [](https://daily.dev/posts/css-hooks-pnjli6roi "CSS Hooks") Article Community Picks · 3y CSS Hooks Hooks enhance inline styles, allowing effortless styling for states like hover, focus, and active. They promote local reasoning and make server-side rendering simple and reliable. 153 16 15. 15 [](https://daily.dev/posts/slack-architecture-kbo0i6xzz "Slack Architecture") Article Community Picks · 3y Slack Architecture Slack is a real-time messaging platform used by organizations for communication between team members. The system design of Slack depends on the design of the Real-Time Platform and Real-Time Presence Platform. The client publishes chat messages through an HTTP POST request to the web API, and the Slack client fetches the initial screen by making an HTTP POST request to the web API for login, which returns a snapshot of the entire workspace. The chat service persists the chat messages in the chat database and delegates them to the subscribed gateway servers over HTTP. The gateway server broadcasts the chat messages to the subscribed users over WebSocket. 147 16. 16 [](https://daily.dev/posts/godly-astronomically-good-web-design-inspiration-jxbodpauv "Godly — Astronomically good web design inspiration") Article Community Picks · 3y Godly — Astronomically good web design inspiration Discover a collection of web design inspiration that is out of this world! 145 11 17. 17 [](https://daily.dev/posts/hacking-adhd-strategies-for-the-modern-developer-z0ozbsvi8 "Hacking ADHD – Strategies for the Modern Developer") Article Community Picks · 3y Hacking ADHD – Strategies for the Modern Developer Strategies and tools for managing ADHD in the context of software development, including creating an ADHD-friendly work environment and addressing symptoms through self-management techniques. 138 5 18. 18 [](https://daily.dev/posts/tldraw-docs-zhjcaki4r "tldraw docs") Article Community Picks · 3y tldraw docs tldraw is a React library for creating whiteboards and other infinite canvas experiences. It allows you to embed a fully featured and extendable whiteboard in your app, create, update, and delete shapes, and control the camera. You can learn tldraw through the provided documentation, examples in the tldraw repo, and by asking questions on Discord or Github. 134 2 19. 19 [](https://daily.dev/posts/timecomplexity-ai-z9lodmr5p "TimeComplexity.ai") Article Community Picks · 3y TimeComplexity.ai TimeComplexity.ai is a tool that uses AI to analyze code's runtime complexity across languages without requiring additional information. It provides information about the time complexity of code snippets. 131 3 20. 20 [](https://daily.dev/posts/announcing-grok-iwawjcxks "Announcing Grok") Article Community Picks · 3y Announcing Grok Grok is an AI modeled after the Hitchhiker’s Guide to the Galaxy that aims to answer questions and suggest what questions to ask. It is still in the early beta stage but shows promising results in benchmark tests. xAI is working on various research directions to improve reasoning, safety, retrieval, and multimodal capabilities in AI systems. Limited early access to Grok is available for users in the United States. 130 12 21. 21 [](https://daily.dev/posts/optimizing-performance-in-react-applications-xk4ssbn8z "Optimizing Performance in React Applications") Article Community Picks · 3y Optimizing Performance in React Applications This article provides techniques and strategies for optimizing performance in React applications. It covers topics such as web performance metrics, DOM size optimization, state management, code splitting, and more. 123 9 22. 22 [](https://daily.dev/posts/build-powerful-apps-fast-without-the-limits-ojlh3ktgt "Build powerful apps fast— without the limits") Article Community Picks · 3y Build powerful apps fast— without the limits Build powerful apps fast by tapping into popular data sources like Airtable and Shopify. Empower stakeholders to build and make changes to projects. Streamline workflows between development and business teams with branching and multiplayer mode. 117 1 23. 23 [](https://daily.dev/posts/scrum-sucks--rdfecirbb "Scrum sucks.") Article Community Picks · 3y Scrum sucks. Scrum is an Agile project management system that helps teams deliver value incrementally in a collaborative way. However, the implementation of Scrum in real-world scenarios often leads to complex ceremonies, poor planning, and a lack of true collaboration. Making Scrum work requires teams to take a team-level approach, focusing on flexibility, adaptability, collaboration, and results rather than rigid processes and metrics. 107 14 24. 24 [](https://daily.dev/posts/url-shortening-system-design-zeogxtzxn "URL Shortening System Design") Article Community Picks · 3y URL Shortening System Design The article discusses the design of a URL shortening system, including how it works, the terminology involved, the requirements for such a system, and the design considerations for high availability, scalability, and fault tolerance. 100 2 25. 25 [](https://daily.dev/posts/how-does-netflix-work--xcc3ymcnj "How Does Netflix Work?") Article Community Picks · 3y How Does Netflix Work? Discover how Netflix operates and the process behind streaming content on the platform. 86 3 [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/11#page","url":"https://daily.dev/sources/community/best-of/2023/11","name":"Best Community Picks Posts — November 2023","description":"The most upvoted Community Picks posts from November 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/11#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"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":2,"url":"https://daily.dev/posts/why-signals-are-better-than-react-hooks-dgesd3rrx","name":"Why Signals Are Better Than React Hooks"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/vite-5-0-is-out--mt2mszfah","name":"Vite 5.0 is out!"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/bruno-api-client-a9nzi81bm","name":"Bruno API Client"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/become-a-better-developer-by-improving-your-habits-2udughi1q","name":"Become a better developer by improving your habits"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/my-software-estimation-technique-y6prr62ew","name":"My Software Estimation Technique"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/do-we-really-need-a-backend-now-can-we-build-applications-without-backend-with-next-js-14--krdsa6jes","name":"Do we really need a backend now? Can we build applications without backend with Next.js 14?"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/state-of-javascript-2023-wqsjvgtv7","name":"State of JavaScript 2023"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/geist-font-vercel-ovmghvtzw","name":"Geist Font — Vercel"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/sql-formatter-qetylyj7x","name":"SQL Formatter"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/the-complete-guide-to-websockets-with-react-xmjfdu6yo","name":"The complete guide to WebSockets with React"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/the-only-5-zsh-plugins-you-need-fpolvw5vy","name":"The Only 5 Zsh Plugins You Need"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/how-to-and-how-not-to-design-rest-apis-8b76pulwy","name":"How to (and how not to) design REST APIs"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/css-hooks-pnjli6roi","name":"CSS Hooks"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/slack-architecture-kbo0i6xzz","name":"Slack Architecture"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/godly-astronomically-good-web-design-inspiration-jxbodpauv","name":"Godly — Astronomically good web design inspiration"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/hacking-adhd-strategies-for-the-modern-developer-z0ozbsvi8","name":"Hacking ADHD – Strategies for the Modern Developer"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/tldraw-docs-zhjcaki4r","name":"tldraw docs"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/timecomplexity-ai-z9lodmr5p","name":"TimeComplexity.ai"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/announcing-grok-iwawjcxks","name":"Announcing Grok"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/optimizing-performance-in-react-applications-xk4ssbn8z","name":"Optimizing Performance in React Applications"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/build-powerful-apps-fast-without-the-limits-ojlh3ktgt","name":"Build powerful apps fast— without the limits"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/scrum-sucks--rdfecirbb","name":"Scrum sucks."},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/url-shortening-system-design-zeogxtzxn","name":"URL Shortening System Design"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/how-does-netflix-work--xcc3ymcnj","name":"How Does Netflix Work?"}]},{"@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":"November 2023"}]}]} ```