Best of daily.dev — January 2024

  1. 1
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    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.

  2. 2
    Article
    Avatar of communityCommunity Picks·2y

    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.

  3. 3
    Article
    Avatar of devtoDEV·2y

    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.

  4. 4
    Article
    Avatar of communityCommunity Picks·2y

    CSS Cheat Sheet - Interactive, not a PDF

    A comprehensive cheat sheet for CSS properties, including alignment, animation, background, border, font, margin, padding, and more.

  5. 5
    Article
    Avatar of medium_jsMedium·2y

    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.

  6. 6
    Article
    Avatar of devtoDEV·2y

    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.

  7. 7
    Article
    Avatar of moderncssModern CSS Solutions·2y

    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.

  8. 8
    Article
    Avatar of medium_jsMedium·2y

    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.

  9. 9
    Video
    Avatar of primeagenThePrimeTime·2y

    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.

  10. 10
    Article
    Avatar of communityCommunity Picks·2y

    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.

  11. 11
    Article
    Avatar of devtoDEV·2y

    Docker basics for beginners

    Learn the basics of Docker, including its differences from virtual machines, how to install it, and its benefits for developers.

  12. 12
    Article
    Avatar of communityCommunity Picks·2y

    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.

  13. 13
    Article
    Avatar of medium_jsMedium·2y

    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.

  14. 14
    Article
    Avatar of medium_jsMedium·2y

    VScode Extensions for Documentation

    This post reviews the author's favorite VScode extensions for documentation, including Quarto, Jupyter, and Markdown All in One.

  15. 15
    Article
    Avatar of communityCommunity Picks·2y

    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.

  16. 16
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    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.

  17. 17
    Article
    Avatar of communityCommunity Picks·2y

    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.

  18. 18
    Article
    Avatar of devtoDEV·2y

    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.

  19. 19
    Article
    Avatar of devtoDEV·2y

    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.

  20. 20
    Article
    Avatar of itnextITNEXT·2y

    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.

  21. 21
    Article
    Avatar of mlnewsMachine Learning News·2y

    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.

  22. 22
    Video
    Avatar of t3dotggTheo - t3․gg·2y

    This VS Code Killer Just Went Open Source (Written In Rust BTW)

  23. 23
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    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.

  24. 24
    Article
    Avatar of smashingSmashing Magazine·2y

    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.

  25. 25
    Article
    Avatar of codeiumcodeium·2y

    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.

See all daily.dev archives