--- title: Best developer posts — January 2024 | daily.dev description: The most upvoted daily.dev posts from January 2024, curated by the daily.dev community. canonical: https://daily.dev/posts/best-of/2024/01 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/posts/best-of/2024/01 og:type: website og:site_name: daily.dev og:title: Best developer posts — January 2024 | daily.dev og:description: The most upvoted daily.dev 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 daily.dev — January 2024 1. 1 [](https://daily.dev/posts/visual-studio-code-extensions-to-boost-your-productivity-in-2024-nghggkofw "Visual Studio Code Extensions to Boost Your Productivity in 2024") Article freeCodeCamp · 3y Visual Studio Code Extensions to Boost Your Productivity in 2024 Discover the top Visual Studio Code extensions to boost productivity in 2024\. These extensions enhance features and tools, minimize context switching, and improve code readability. Explore AI-powered coding assistants like GitHub Copilot and Tabnine. Customize your editor with icon themes and enjoy features like error lens, bookmarks, and indented rainbow. Stay organized with project manager and utilize real-time collaboration with Live Share. Optimize your workflow and increase productivity with these recommended extensions. 1.2K 65 2. 2 [](https://daily.dev/posts/introduction-to-better-code-practices-nsnmynj9z "Introduction to Better Code Practices") Article 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 3. 3 [](https://daily.dev/posts/why-pomodoro-doesn-t-work-try-this-alternative--xcn5eqrrx "Why pomodoro doesn't work? Try this alternative 🍅") Article DEV · 3y Why pomodoro doesn't work? Try this alternative 🍅 Learn about the Pomodoro Technique, its limitations for developers, and discover the Flowmodoro technique as an alternative for managing your time and staying focused on coding tasks. 814 41 4. 4 [](https://daily.dev/posts/css-cheat-sheet---interactive-not-a-pdf-fb8jsmx9x "CSS Cheat Sheet - Interactive, not a PDF") Article 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 5. 5 [](https://daily.dev/posts/we-forgot-frontend-basics-s7niyauty "We Forgot Frontend Basics") Article Medium · 3y We Forgot Frontend Basics This post discusses how frontend development has become overcomplicated with endless trends and paradigms, and highlights the importance of mastering basic skills, such as vanilla JavaScript, HTML, and CSS. It also provides tips for improving frontend development skills. 790 64 6. 6 [](https://daily.dev/posts/how-to-make-your-awesome-github-profile-woboayjtq "How to Make Your Awesome GitHub Profile") Article DEV · 3y How to Make Your Awesome GitHub Profile Learn how to create and customize your GitHub profile, get inspiration from other profiles, and find resources and tips to make it awesome. 779 33 7. 7 [](https://daily.dev/posts/12-modern-css-one-line-upgrades-iyuwdtkha "12 Modern CSS One-Line Upgrades") Article Modern CSS Solutions · 3y 12 Modern CSS One-Line Upgrades Learn about 12 modern CSS one-line upgrades that can improve your application's CSS. The upgrades include stable fixes for hacks or long-standing issues, improved experiences with well-supported modern properties, and progressive enhancements. Some of the properties explored are aspect-ratio, object-fit, text-underline-offset, margin-inline, text-underline-offset, outline-offset, scroll-margin-top/bottom, color-scheme, accent-color, width: fit-content, overscroll-behavior, text-wrap, and scrollbar-gutter. 648 11 8. 8 [](https://daily.dev/posts/javascript-optimization-techniques-ohkg5qhcd "Javascript Optimization Techniques") Article Medium · 3y Javascript Optimization Techniques This post covers various optimization techniques for JavaScript and React applications, including debouncing, throttling, memoization, pure components, lazy loading, virtualization, error boundaries, and the avoidance of inline functions. 632 21 9. 9 [](https://daily.dev/posts/don-t-be-loyal-to-a-company-r7pjh2jls "Don't Be Loyal To A Company") Video ThePrimeTime · 3y Don't Be Loyal To A Company Don't be loyal to a company if it's not doing well financially. Look for jobs you really want or need. 468 31 10. 10 [](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 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 11. 11 [](https://daily.dev/posts/docker-basics-for-beginners-vljvqysyd "Docker basics for beginners") Article DEV · 3y Docker basics for beginners Learn the basics of Docker, including its differences from virtual machines, how to install it, and its benefits for developers. 427 20 12. 12 [](https://daily.dev/posts/the-future-of-frontend-development-cksy91tjx "The future of frontend development") Article 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 13. 13 [](https://daily.dev/posts/javascript-interview-question-why-does-9-8-7-6-1-2-7--jgma1hjsf "Javascript Interview Question: Why does [9,8,7,6][1,2] = 7 ?") Article Medium · 3y Javascript Interview Question: Why does \[9,8,7,6\]\[1,2\] = 7 ? Learn why \[9,8,7,6\]\[1,2\] evaluates to 7 and explore similar array operations in JavaScript. 391 32 14. 14 [](https://daily.dev/posts/vscode-extensions-for-documentation-syfcmkqu2 "VScode Extensions for Documentation") Article Medium · 3y VScode Extensions for Documentation This post reviews the author's favorite VScode extensions for documentation, including Quarto, Jupyter, and Markdown All in One. 391 14 15. 15 [](https://daily.dev/posts/100-days-of-code---the-complete-python-course-n13uvziaa "100 Days of Code - The Complete Python Course") Article 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 16. 16 [](https://daily.dev/posts/the-react-roadmap-for-2024-how-to-learn-react-mywtztg65 "The React Roadmap for 2024 – How to Learn React") Article freeCodeCamp · 3y The React Roadmap for 2024 – How to Learn React This post provides a roadmap for learning React in 2024, covering core concepts, hooks, intermediate concepts, creating apps with Vite, data fetching with TanStack Query, state management with Zustand, styling with TailwindCSS and Radix, routing with TanStack Router, building forms with React Hook Form, and full-stack React development with Next.js. 332 12 17. 17 [](https://daily.dev/posts/maybe-finance-maybe-personal-finance-and-wealth-management-app-ybl4xa9me "maybe-finance/maybe: Personal finance and wealth management app") Article 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 18. 18 [](https://daily.dev/posts/3-terminal-commands-to-increase-your-productivity-jtm5jlgvo "3 Terminal Commands to Increase Your Productivity") Article DEV · 3y 3 Terminal Commands to Increase Your Productivity Increase your productivity with these three terminal commands: creating aliases for commands, using pbcopy to copy file contents to the clipboard, and utilizing reverse search to find previously entered commands. 300 18 19. 19 [](https://daily.dev/posts/what-is-the-ideal-tech-stack-to-build-a-website-in-2024--eqnrnsmlh "What is the ideal Tech stack to build a website in 2024? 👨‍💻") Article DEV · 3y What is the ideal Tech stack to build a website in 2024? 👨‍💻 The post discusses the author's preferred tech stack for building a website in 2024, including the use of Typescript, Reactjs or Vuejs, Postgres, and Redis. It mentions the pros and cons of these technologies and acknowledges that not all organizations are using frameworks. 294 60 20. 20 [](https://daily.dev/posts/understanding-cors-ryam4iljr "Understanding CORS") Article ITNEXT · 3y Understanding CORS A post explaining CORS (Cross-Origin Resource Sharing) and its relevance in web development. It covers real-life examples, CSRF attacks, and provides code samples for implementing CORS in a backend API and frontend application. 291 17 21. 21 [](https://daily.dev/posts/meet-continue-an-open-source-autopilot-for-vs-code-and-jetbrains-miw15ysuj "Meet Continue: An Open-Source Autopilot for VS Code and JetBrains") Article Machine Learning News · 3y Meet Continue: An Open-Source Autopilot for VS Code and JetBrains Introducing Continue, an open-source autopilot for popular IDEs like VS Code and JetBrains. It streamlines the coding experience by leveraging large language models, allowing developers to review and accept/reject proposed edits. Continue promotes collaboration and customizability by integrating with various powerful models. 283 13 22. 22 [](https://daily.dev/posts/this-vs-code-killer-just-went-open-source-written-in-rust-btw--cjg01zpc2 "This VS Code Killer Just Went Open Source (Written In Rust BTW)") Video Theo - t3․gg · 3y This VS Code Killer Just Went Open Source (Written In Rust BTW) 277 48 23. 23 [](https://daily.dev/posts/javascript-arrow-functions-vs-regular-functions-vu6toyel5 "JavaScript Arrow Functions vs Regular Functions") Article freeCodeCamp · 3y JavaScript Arrow Functions vs Regular Functions Learn the difference between regular function syntax and arrow function syntax in JavaScript, how to access arguments with both types of functions, and when to use each type. 273 9 24. 24 [](https://daily.dev/posts/top-front-end-tools-of-2023-smashing-magazine-giyhaiqsy "Top Front-End Tools Of 2023 — Smashing Magazine") Article Smashing Magazine · 3y Top Front-End Tools Of 2023 — Smashing Magazine Discover the top front-end tools of 2023, including Kuma UI for CSS-in-JS and Boxslider for creating carousels. 270 9 25. 25 [](https://daily.dev/posts/codeium-free-ai-code-completion-chat-piawow4iw "Codeium · Free AI Code Completion & Chat") Article codeium · 3y Codeium · Free AI Code Completion & Chat Codeium introduces Termium, an AI-powered autocomplete tool for the terminal that helps developers with repetitive tasks such as git commands and inspecting Kubernetes pods. Termium acts as a layer between the user and the existing terminal, providing autocomplete suggestions based on command history and outputs. To install Termium, run a specific command in the terminal. While still in alpha, Termium aims to provide integrated workflows and compounding value in the developer experience. 268 15 [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/2024/01#page","url":"https://daily.dev/posts/best-of/2024/01","name":"Best Developer Posts — January 2024","description":"The most upvoted daily.dev posts from January 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/posts/best-of/2024/01#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/visual-studio-code-extensions-to-boost-your-productivity-in-2024-nghggkofw","name":"Visual Studio Code Extensions to Boost Your Productivity in 2024"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/introduction-to-better-code-practices-nsnmynj9z","name":"Introduction to Better Code Practices"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/why-pomodoro-doesn-t-work-try-this-alternative--xcn5eqrrx","name":"Why pomodoro doesn't work? Try this alternative 🍅"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/css-cheat-sheet---interactive-not-a-pdf-fb8jsmx9x","name":"CSS Cheat Sheet - Interactive, not a PDF"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/we-forgot-frontend-basics-s7niyauty","name":"We Forgot Frontend Basics"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/how-to-make-your-awesome-github-profile-woboayjtq","name":"How to Make Your Awesome GitHub Profile"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/12-modern-css-one-line-upgrades-iyuwdtkha","name":"12 Modern CSS One-Line Upgrades"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/javascript-optimization-techniques-ohkg5qhcd","name":"Javascript Optimization Techniques"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/don-t-be-loyal-to-a-company-r7pjh2jls","name":"Don't Be Loyal To A Company"},{"@type":"ListItem","position":10,"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":11,"url":"https://daily.dev/posts/docker-basics-for-beginners-vljvqysyd","name":"Docker basics for beginners"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/the-future-of-frontend-development-cksy91tjx","name":"The future of frontend development"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/javascript-interview-question-why-does-9-8-7-6-1-2-7--jgma1hjsf","name":"Javascript Interview Question: Why does [9,8,7,6][1,2] = 7 ?"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/vscode-extensions-for-documentation-syfcmkqu2","name":"VScode Extensions for Documentation"},{"@type":"ListItem","position":15,"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":16,"url":"https://daily.dev/posts/the-react-roadmap-for-2024-how-to-learn-react-mywtztg65","name":"The React Roadmap for 2024 – How to Learn React"},{"@type":"ListItem","position":17,"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":18,"url":"https://daily.dev/posts/3-terminal-commands-to-increase-your-productivity-jtm5jlgvo","name":"3 Terminal Commands to Increase Your Productivity"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/what-is-the-ideal-tech-stack-to-build-a-website-in-2024--eqnrnsmlh","name":"What is the ideal Tech stack to build a website in 2024? 👨‍💻"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/understanding-cors-ryam4iljr","name":"Understanding CORS"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/meet-continue-an-open-source-autopilot-for-vs-code-and-jetbrains-miw15ysuj","name":"Meet Continue: An Open-Source Autopilot for VS Code and JetBrains"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/this-vs-code-killer-just-went-open-source-written-in-rust-btw--cjg01zpc2","name":"This VS Code Killer Just Went Open Source (Written In Rust BTW)"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/javascript-arrow-functions-vs-regular-functions-vu6toyel5","name":"JavaScript Arrow Functions vs Regular Functions"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/top-front-end-tools-of-2023-smashing-magazine-giyhaiqsy","name":"Top Front-End Tools Of 2023 — Smashing Magazine"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/codeium-free-ai-code-completion-chat-piawow4iw","name":"Codeium · Free AI Code Completion & Chat"}]},{"@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 2024"}]}]} ```