Best of React — May 2024

  1. 1
    Article
    Avatar of communityCommunity Picks·2y

    Frontend resources! 🚀

    A collection of frontend resources for UI creation, performance optimization, and more.

  2. 2
    Article
    Avatar of communityCommunity Picks·2y

    Open Source React UI Avatar Library

    Open Source React UI Avatar Library providing placeholder avatars with unique colors and shapes. Easy to install and use in React components. Customizable avatars.

  3. 3
    Video
    Avatar of fireshipFireship·2y

    15 crazy new JS framework features you don’t know yet

    Discover 15 new and awesome JavaScript framework features, including React 19's new compiler feature, Next.js 15's partial pre-rendering, and the new package manager called jsr.

  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 communityCommunity Picks·2y

    React 19 lets you write impossible components

    React 19 introduces Server Components that allow developers to choose where their code runs, fetch data directly within components, and improve performance. Actions, on the other hand, provide convenient features like isPending state, error handling, and optimistic UI. These new features make it easier to build marketing websites and enhance the developer experience in React 19.

  6. 6
    Article
    Avatar of nextNext.js·2y

    Next.js 15 RC

    Next.js 15 RC is now available, allowing you to test the latest features before the stable release. It includes support for React 19 RC, caching updates, incremental adoption of Partial Prerendering, executing code after a response, create-next-app updates, and optimizing bundling of external packages.

  7. 7
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Use React Developer Tools – Explained With Examples

    Learn how to use React Developer Tools to inspect and debug React applications efficiently. Install the extension, navigate the interface, and explore component state and props. Debug errors and analyze performance using React DevTools.

  8. 8
    Article
    Avatar of communityCommunity Picks·2y

    How to Start & Setup a React project in 2024 (7 Different Ways Based on Use Cases)

    Learn about different ways to set up a React project in 2024, including React with Vite, Create React App, Next.js, Remix, Astro, Gatsby, and Docusaurus.

  9. 9
    Article
    Avatar of communityCommunity Picks·2y

    TimePicker

    The TimePicker component is a React component built with Shadcn UI that allows for easy time selection. It supports features such as arrow navigation, date value formatting, and mobile keyboard optimization.

  10. 10
    Article
    Avatar of devtoDEV·2y

    Introducing DIVZ - a React component to scroll, swipe & zoom through HTML content on the 3D z-axis

    DIVZ is a free open source React UI component that enables scrolling, swiping, and zooming through HTML elements on the 3D z-axis. It offers simplified integration, diverse applications, and broad device support.

  11. 11
    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.

  12. 12
    Article
    Avatar of devtoDEV·2y

    It’s not just you, Next.js is getting harder to use

    Next.js' App Router has two major problems that make it difficult to adopt. The Pages Router was simpler and had file-based routing. The App Router introduced new features but also increased complexity. It's challenging to avoid complexity as frameworks grow. Just because something is recommended, doesn't mean it's right for you.

  13. 13
    Article
    Avatar of communityCommunity Picks·2y

    Best Headless CMS for React in 2024

    A headless CMS is a backend-only CMS that allows developers to use their tools and frameworks to create a user interface. React remains a cornerstone for building dynamic and scalable applications. Here are the top headless CMS options for React: Sanity.io, Storyblok, Contentful, Strapi, Prismic, Ghost, Kentico Kontent, Hygraph (formerly GraphCMS), ButterCMS, Directus, and Payload CMS.

  14. 14
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    React Context API Explained with Examples

    Learn about the React Context API, which simplifies state management and sharing data across components in a React application

  15. 15
    Article
    Avatar of communityCommunity Picks·2y

    Write components once, run everywhere.

    Code examples demonstrate how to write components that can run natively in multiple frameworks.

  16. 16
    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.

  17. 17
    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.

  18. 18
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Create a REST API Without a Server

    Learn how to create a REST API without a server using a Service Worker in the browser. Showcase your frontend skills and interact with a backend hosted in places where you can't access the server side.

  19. 19
    Article
    Avatar of communityCommunity Picks·2y

    Answers to Common Next.js Questions

    Next.js is a high performance framework that provides a FAQ with common questions about Next.js and its Server Components.

  20. 20
    Article
    Avatar of devtoDEV·2y

    ⚛️ Demystifying React's Types: Ref types

    This post explores the different types of refs available in TypeScript-based functional components in React and how to use them.

  21. 21
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Zustand vs useState – How to Manage State in React Apps

    Learn about Zustand and useState as tools for managing state in React. Zustand offers more centralized global state management, while useState is simpler for local component state. Consider factors like state complexity, speed, team skills, app growth, and community support when choosing between them.

  22. 22
    Article
    Avatar of communityCommunity Picks·2y

    hevar/awesome-react-tailwindcss-ui-components

    A curated list of React Tailwind CSS user interface component libraries that are open-source and have a Tailwind CSS UI component library for React.

  23. 23
    Article
    Avatar of hnHacker News·2y

    $100K+ Remote Dev Jobs Only

    $100K+ remote developer jobs with various technologies and companies.

  24. 24
    Article
    Avatar of communityCommunity Picks·2y

    Next.js View Transitions

    Learn how to use the View Transitions API in Next.js App Router and the next-view-transitions package to enhance your app's routing.

  25. 25
    Article
    Avatar of communityCommunity Picks·2y

    Server Action with TanStack Query in Next.JS Explained

    Learn how to use Server Actions with TanStack Query in Next.JS to fetch and mutate data in your application.

See all React archives