Best of Frontend Development — May 2024

  1. 1
    Article
    Avatar of devtoDEV·2y

    37 Tips from a Senior Frontend Developer

    Tips for frontend developers include mastering the fundamentals, understanding how the web works, learning data structures and algorithms, practicing rather than just reading or watching tutorials, asking for help when stuck, not blindly copying code, evaluating online advice, assuming good intent, and focusing on delivering value. It's important to communicate, take breaks, work from strengths, diversify problem-solving, find mentors, commit to a JavaScript framework, prioritize user experience, and continuously invest in skills.

  2. 2
    Article
    Avatar of communityCommunity Picks·2y

    JavaScript Security: Simple Practices to Secure Your Frontend

    Learn simple practices to secure your frontend JavaScript code, including keeping dependencies up-to-date, using security headers, and sanitizing user input.

  3. 3
    Article
    Avatar of devtoDEV·2y

    I built a free, open-source project manager that helps teams keep costs under $15/month.

    A developer built an open-source project manager with low operational costs, leveraging free platforms and offering essential features for small teams.

  4. 4
    Article
    Avatar of tailwindcsstailwindcss·2y

    Headless UI v2.0 for React

    Headless UI v2.0 for React has been released with built-in anchor positioning, a new checkbox component, HTML form components, improved hover, focus and active state detection, combobox list virtualization, and a new website with improved documentation.

  5. 5
    Article
    Avatar of devtoDEV·2y

    Build Your Own React.js in 400 Lines of Code

    Learn how React works under the hood and build your own version with about 400 lines of code. Supports asynchronous updates and can be interrupted.

  6. 6
    Article
    Avatar of collectionsCollections·2y

    React 19: New Features, Optimizations, and Improvements

    React 19 introduces automatic memoization for improved performance, streamlined form handling, simplified ref handling, and advancements in document metadata management. The beta release provides resources for library developers and includes tools for migration.

  7. 7
    Article
    Avatar of devtoDEV·2y

    The Power of Reduce: Optimizing JavaScript Code for Speed and Efficiency

    Learn about the reduce method in JavaScript arrays and how it can optimize code for speed and efficiency. Discover how it compares to other iteration methods and the benefits of using reduce.

  8. 8
    Article
    Avatar of asayerasayer·2y

    How to Generate PDFs in a React App

    Learn how to generate PDFs in a React app using the React-pdf library. Discover the use cases, features, and installation process of React-pdf.

  9. 9
    Article
    Avatar of devtoDEV·2y

    The Best UX Research Sites for Developers/Designers Inspirations

    Discover the best UX research sites for developers and designers to find inspiration and ideas for their projects. Explore various web and app design sites that offer templates and inspiration for layout and theming. Check out popular sites like Dribbble and Awwwards, and share your recommendations in the comments.

  10. 10
    Article
    Avatar of infoqInfoQ·2y

    You Don’t Need a CSS Framework

    CSS frameworks offer short-term gains but become hard to maintain over time. Developers often have to override the framework, which leads to a custom framework that is difficult to maintain. CSS frameworks are hard to enforce consistency with and often deviate from an application's design needs. It is recommended to write custom CSS using modern CSS features for better maintainability and flexibility.

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

    React Just Changed Forever

    React Conf made big announcements about React 19 and the open-sourcing of React Compiler. React Compiler is an experimental build-time tool that optimizes React apps, improving performance and simplifying code. It has already been used in production at companies like Facebook and Instagram. While React Compiler is still experimental, React developers are encouraged to try it out in smaller experiments to provide feedback and improve its stability.

  12. 12
    Article
    Avatar of communityCommunity Picks·2y

    A collection of Framer Motion variants for your next project.

    A collection of beautiful Framer Motion variants with easy integration for React projects.

  13. 13
    Article
    Avatar of communityCommunity Picks·2y

    Responsive Viewer

    A Chrome extension called Responsive Viewer that allows front-end developers to test multiple screens while developing responsive websites/applications. The extension does not track or collect any user data.

See all Frontend Development archives