<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/sources/community/best-of/2024/01" -->

---
title: Best Community Picks posts — January 2024 | daily.dev
description: The most upvoted Community Picks posts from January 2024, curated by the daily.dev community.
canonical: https://daily.dev/sources/community/best-of/2024/01
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:url: https://daily.dev/sources/community/best-of/2024/01
og:type: website
og:site_name: daily.dev
og:title: Best Community Picks posts — January 2024 | daily.dev
og:description: The most upvoted Community Picks posts from January 2024, 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 2024

1. 1  
[](https://daily.dev/posts/introduction-to-better-code-practices-nsnmynj9z "Introduction to Better Code Practices")  
Article  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
Introduction to Better Code Practices  
This document provides essential insights and best practices in web development to help improve coding practices, address common challenges, and enhance collaboration, code quality, and efficiency.  
892  
40
2. 2  
[](https://daily.dev/posts/css-cheat-sheet---interactive-not-a-pdf-fb8jsmx9x "CSS Cheat Sheet - Interactive, not a PDF")  
Article  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
CSS Cheat Sheet - Interactive, not a PDF  
A comprehensive cheat sheet for CSS properties, including alignment, animation, background, border, font, margin, padding, and more.  
792  
52
3. 3  
[](https://daily.dev/posts/my-solopreneur-story-0-to-65-000-month-in-2-years-t9jyt6osk "My solopreneur story: $0 to $65,000/month in 2 years")  
Article  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
My solopreneur story: $0 to $65,000/month in 2 years  
A solopreneur shares their journey of going from $0 to $65,000/month in 2 years. They discovered the build-in-public community on Twitter and found inspiration from others working on solo projects. They launched multiple startups and learned valuable skills in coding, SEO, writing, launching, and marketing. After trying different projects, they found success with a NextJS boilerplate called ShipFast. They emphasize the importance of finding product market fit and focusing on painkillers rather than vitamins.  
432  
28
4. 4  
[](https://daily.dev/posts/the-future-of-frontend-development-cksy91tjx "The future of frontend development")  
Article  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
The future of frontend development  
The future of front-end development is being shaped by technological developments, artificial intelligence (AI), and the growth of no-code/low-code platforms. AI is not expected to replace frontend developers, but rather revolutionize the way they work. Concerns about job displacement are largely unfounded, and the job outlook for front-end developers is promising. Adapting to no-code/low-code platforms is another important aspect of staying competitive in the field. Overall, front-end developers need to keep learning new skills and remain adaptable to succeed in a field that offers creativity and flexibility.  
397  
36
5. 5  
[](https://daily.dev/posts/100-days-of-code---the-complete-python-course-n13uvziaa "100 Days of Code - The Complete Python Course")  
Article  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
100 Days of Code - The Complete Python Course  
Learn programming basics, master Python, and build projects in this 100-day course. Join a fun and supportive community and get coding instantly with Replit.  
386  
8
6. 6  
[](https://daily.dev/posts/maybe-finance-maybe-personal-finance-and-wealth-management-app-ybl4xa9me "maybe-finance/maybe: Personal finance and wealth management app")  
Article  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
maybe-finance/maybe: Personal finance and wealth management app  
Maybe is an open-source personal finance app with features like net worth tracking, financial account syncing, investment benchmarking, and more. It is built using a tech stack including Next.js, Tailwind, Node.js, and Postgres.  
307  
12
7. 7  
[](https://daily.dev/posts/react-email-2-0-resend-wpcyogg7z "React Email 2.0 · Resend")  
Article  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
React Email 2.0 · Resend  
React Email has released version 2.0 with new features including a mobile preview, revamped file tree, better user feedback, and improved error handling. The new version also has faster setup and start-up times. Code highlighting components have been added for displaying code in emails. The release is compatible with various package managers and can be deployed easily to Vercel.  
244  
9
8. 8  
[](https://daily.dev/posts/tailwind-css-the-magic-style-library-a5zgz0ipt "Tailwind CSS: The Magic Style Library")  
Article  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
Tailwind CSS: The Magic Style Library  
Tailwind CSS is a magic styling library that revolutionizes styling in React projects. It offers a utility-first approach, drastically reducing the amount of code needed and providing rapid development, consistency, and customization options. However, it may pose a learning curve, impact file size, and require careful overrides.  
233  
9
9. 9  
[](https://daily.dev/posts/typescript-book-gbwuy9nvr "Typescript Book")  
Article  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
Typescript Book  
The Concise TypeScript Book is a comprehensive and succinct overview of TypeScript's capabilities. It is a valuable resource for developers of all levels, and is available for free as an open source project.  
217  
10
10. 10  
[](https://daily.dev/posts/monoliths-microservices-and-serverless-aren-t-what-you-think-they-are-1bllbztrp "Monoliths, microservices, and serverless aren't what you think they are")  
Article  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
Monoliths, microservices, and serverless aren't what you think they are  
This post explores the misconceptions and true definitions of monoliths, microservices, and serverless architecture. It discusses the characteristics of each and how they can be scaled or shared.  
152  
3
11. 11  
[](https://daily.dev/posts/lunacy-free-design-software-for-win-mac-linux-amlx1qngg "Lunacy – Free Design Software for Win, Mac, Linux")  
Article  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
Lunacy – Free Design Software for Win, Mac, Linux  
Lunacy is a free design software with an excellent interface and regular improvements. It offers AI tools, auto layouts, and the ability to import from Figma.  
143  
5
12. 12  
[](https://daily.dev/posts/proxy-in-typescript-ixgxpqfcv "Proxy in TypeScript")  
Article  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
Proxy in TypeScript  
Proxy is a design pattern in TypeScript that provides a substitute object for a real service object, allowing for additional behaviors without changing client code.  
133  
3
13. 13  
[](https://daily.dev/posts/top-5-nextjs-reactjs-boilerplates-for-2024-gjfcl9xdl "Top 5+ NextJS & ReactJS Boilerplates for 2024")  
Article  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
Top 5+ NextJS & ReactJS Boilerplates for 2024  
Top 5+ NextJS & ReactJS boilerplates for 2024, offering unparalleled server-side rendering capabilities and optimized performance. Horizon UI Boilerplate, BoilerCode, Shipped.club, Shipfa.st, and Nextlessjs.com are the top choices for efficient, scalable, and high-quality web application development.  
105  
4
14. 14  
[](https://daily.dev/posts/how-uber-finds-nearby-drivers-at-1-million-requests-per-second-mi0pmncid "How Uber Finds Nearby Drivers at 1 Million Requests per Second")  
Article  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
How Uber Finds Nearby Drivers at 1 Million Requests per Second  
This post explains how Uber finds nearby drivers at 1 million requests per second using location indexing, hexagonal grid, and scalability techniques.  
101  
5
15. 15  
[](https://daily.dev/posts/2023-javascript-rising-stars-l0xdhg5n2 "2023 JavaScript Rising Stars")  
Article  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
2023 JavaScript Rising Stars  
The post discusses the rising stars in the JavaScript ecosystem in 2023, including popular projects, updates for React and its ecosystem, and top projects in mobile development. It also highlights controversies, new releases, and the rise of AI tools.  
97  
4
16. 16  
[](https://daily.dev/posts/my-productivity-playbook-as-a-developer-coj7lwzwj "My Productivity Playbook as a Developer")  
Article  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
My Productivity Playbook as a Developer  
Discover productivity routines, tools, and techniques to beat procrastination, build resilience, and stay motivated in your daily life.  
88  
2
17. 17  
[](https://daily.dev/posts/how-container-networking-works-a-docker-bridge-network-from-scratch-694v8u1rh "How Container Networking Works: a Docker Bridge Network From Scratch")  
Article  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
How Container Networking Works: a Docker Bridge Network From Scratch  
Learn how to virtualize network resources for containers, enable communication between containers, and establish connectivity with the outside world.  
88
18. 18  
[](https://daily.dev/posts/the-admin-panel-you-don-t-have-to-build-eivlgq7a8 "The admin panel you don't have to build")  
Article  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
The admin panel you don't have to build  
Basedash is an AI-generated admin panel that allows users to visualize, edit, and explore their data. It offers features such as creating gallery views for images, collaboration with team members, a SQL AI assistant, integration with external APIs, creating visualizations and charts, and tracking activity history. Using Basedash can save users 100x less time building internal tools compared to coding or drag-and-drop UI builders.  
87  
1
19. 19  
[](https://daily.dev/posts/how-i-m-writing-css-in-2024-k5tpoxrcs "How I'm Writing CSS in 2024")  
Video  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
How I'm Writing CSS in 2024  
CSS in 2024 has become easier and more powerful with support for container queries, nesting, and other exciting features. This post discusses the state of CSS, recommendations for optimizing CSS performance, and different CSS styling solutions available in 2024.  
82  
6
20. 20  
[](https://daily.dev/posts/10-common-mistakes-with-the-next-js-app-router-h0bgpzxgw "10 common mistakes with the Next.js App Router")  
Video  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
10 common mistakes with the Next.js App Router  
Learn about common mistakes with the Next.js app router, such as calling route handlers from a React server component, understanding the defaults for route handlers, and using suspense with server components. Find out how to avoid these mistakes and improve your Next.js application.  
80
21. 21  
[](https://daily.dev/posts/are-you-using-jwts-for-user-sessions-in-the-correct-way--u0gxblmak "Are you using JWTs for user sessions in the correct way?")  
Article  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
Are you using JWTs for user sessions in the correct way?  
This post discusses the pros and cons of using JSON Web Tokens (JWTs) for user sessions and proposes a session management flow that combines JWTs and server sessions for optimal security and scalability.  
77  
3
22. 22  
[](https://daily.dev/posts/2024-web-design-trends-ffo5khvab "2024 Web Design Trends")  
Video  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
2024 Web Design Trends  
The web design trends for 2024 include bold and vibrant colors, asymmetrical layouts, 3D elements, super massive text, custom illustrations, micro animations, real life with digital overlays, responsive design 2.0, AI generated artwork, and the rise of no code platforms.  
78  
7
23. 23  
[](https://daily.dev/posts/thousands-of-software-engineers-say-the-job-market-is-getting-much-worse-0guthrwzv "Thousands of Software Engineers Say the Job Market Is Getting Much Worse")  
Article  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
Thousands of Software Engineers Say the Job Market Is Getting Much Worse  
Software engineering job market faces increased competition and difficulty due to industry-wide downturn and the threat of artificial intelligence. Many software engineers express pessimism about finding new jobs with similar compensation. The field is no longer seen as a safe major and AI tools are starting to impact job security.  
77  
24
24. 24  
[](https://daily.dev/posts/what-i-wish-i-knew-as-a-junior-developer--aio2qhri7 "What I wish I knew as a Junior (Developer)")  
Article  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
What I wish I knew as a Junior (Developer)  
Reflections and advice for junior developers, including overcoming imposter syndrome, asking questions, consuming media and content, working on personal projects, and voicing opinions.  
75  
4
25. 25  
[](https://daily.dev/posts/new-client-side-hooks-coming-to-react-19-xly2qlhuq "New client-side hooks coming to React 19")  
Article  
![Avatar of community](https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community)Community Picks · 3y  
New client-side hooks coming to React 19  
React 19 introduces new client-side hooks that focus on data fetching and forms. These hooks enhance the productivity of React developers, including those working on Single-Page Apps.  
71  
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/2024/01#page","url":"https://daily.dev/sources/community/best-of/2024/01","name":"Best Community Picks Posts — January 2024","description":"The most upvoted Community Picks posts from January 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/community/best-of/2024/01#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/introduction-to-better-code-practices-nsnmynj9z","name":"Introduction to Better Code Practices"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/css-cheat-sheet---interactive-not-a-pdf-fb8jsmx9x","name":"CSS Cheat Sheet - Interactive, not a PDF"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/my-solopreneur-story-0-to-65-000-month-in-2-years-t9jyt6osk","name":"My solopreneur story: $0 to $65,000/month in 2 years"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/the-future-of-frontend-development-cksy91tjx","name":"The future of frontend development"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/100-days-of-code---the-complete-python-course-n13uvziaa","name":"100 Days of Code - The Complete Python Course"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/maybe-finance-maybe-personal-finance-and-wealth-management-app-ybl4xa9me","name":"maybe-finance/maybe: Personal finance and wealth management app"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/react-email-2-0-resend-wpcyogg7z","name":"React Email 2.0 · Resend"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/tailwind-css-the-magic-style-library-a5zgz0ipt","name":"Tailwind CSS: The Magic Style Library"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/typescript-book-gbwuy9nvr","name":"Typescript Book"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/monoliths-microservices-and-serverless-aren-t-what-you-think-they-are-1bllbztrp","name":"Monoliths, microservices, and serverless aren't what you think they are"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/lunacy-free-design-software-for-win-mac-linux-amlx1qngg","name":"Lunacy – Free Design Software for Win, Mac, Linux"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/proxy-in-typescript-ixgxpqfcv","name":"Proxy in TypeScript"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/top-5-nextjs-reactjs-boilerplates-for-2024-gjfcl9xdl","name":"Top 5+ NextJS & ReactJS Boilerplates for 2024"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/how-uber-finds-nearby-drivers-at-1-million-requests-per-second-mi0pmncid","name":"How Uber Finds Nearby Drivers at 1 Million Requests per Second"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/2023-javascript-rising-stars-l0xdhg5n2","name":"2023 JavaScript Rising Stars"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/my-productivity-playbook-as-a-developer-coj7lwzwj","name":"My Productivity Playbook as a Developer"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/how-container-networking-works-a-docker-bridge-network-from-scratch-694v8u1rh","name":"How Container Networking Works: a Docker Bridge Network From Scratch"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/the-admin-panel-you-don-t-have-to-build-eivlgq7a8","name":"The admin panel you don't have to build"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/how-i-m-writing-css-in-2024-k5tpoxrcs","name":"How I'm Writing CSS in 2024"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/10-common-mistakes-with-the-next-js-app-router-h0bgpzxgw","name":"10 common mistakes with the Next.js App Router"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/are-you-using-jwts-for-user-sessions-in-the-correct-way--u0gxblmak","name":"Are you using JWTs for user sessions in the correct way?"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/2024-web-design-trends-ffo5khvab","name":"2024 Web Design Trends"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/thousands-of-software-engineers-say-the-job-market-is-getting-much-worse-0guthrwzv","name":"Thousands of Software Engineers Say the Job Market Is Getting Much Worse"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/what-i-wish-i-knew-as-a-junior-developer--aio2qhri7","name":"What I wish I knew as a Junior (Developer)"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/new-client-side-hooks-coming-to-react-19-xly2qlhuq","name":"New client-side hooks coming to React 19"}]},{"@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 2024"}]}]}
```

