Best of React — March 2024
- 1
- 2
- 3
- 4
- 5
Community Picks·2y
Top Headless UI libraries for React in 2024 | Blog
Explore the top headless UI libraries for React in 2024, including Radix UI, Headless UI, React Aria, Aria Kit, Ark UI, and Reach UI. These libraries prioritize accessibility, customization, and scalability, offering distinct advantages for web development and inclusive design practices.
- 6
- 7
DEV·2y
Headless UI - a great components library for Vue & React
Headless UI is an unstyled and fully accessible UI component library that integrates beautifully with Tailwind CSS. It allows developers to accelerate development speed and avoid the need for workarounds when styling components. Headless UI can be used with both Vue and React.
- 8
- 9
- 10
freeCodeCamp·2y
React Hooks – How to Use the useState & useEffect Hooks in Your Project
React Hooks allow function components to have access to state and other React features, simplifying codebase and improving performance. Different types of React Hooks include useState, useEffect, useRef, useReducer, etc. The useState Hook enables state variables in functional components.
- 11
Collections·2yAnnouncing WinterJS 1.0: The Fastest JavaScript Web Server with Cloudflare App and React Server Component Support
WinterJS 1.0 is the fastest JavaScript web server with support for Cloudflare apps and React Server Components. It offers incredible speed, performance, and compatibility with multiple runtimes.
- 12
- 13
- 14
Free Resources Every Web Developer Should Know About
Explore a list of free resources that every web developer should know about, including code editors, CSS resources, JavaScript resources, React resources, web design resources, developer communities and forums, learning platforms and tutorials, collaboration and project management tools, and testing and debugging tools.
- 15
Should You Use React-Query?
React Query may not be the ultimate solution to state management and data fetching in React apps. It simplifies data loading but complicates the handoff and pickup of data. It's important to critically evaluate if it truly solves your problems or just shifts them around.
- 16
- 17
Learn React – A Handbook for Beginners
This handbook provides step-by-step instructions for learning React, covering topics such as JSX, components, props, states, form handling, network requests, and the useEffect hook. It emphasizes the simplicity and power of React, with a low learning curve and strong community support. The handbook concludes with a recommendation for further learning through a book called Beginning React.
- 18
- 19
How to Set Up React Testing Library With Next.js – A Step-by-Step Guide
Learn how to set up React Testing Library with Next.js and understand the importance of testing in React development. Explore the features and benefits of React Testing Library and how it simplifies the testing process. Includes a step-by-step guide and an example of testing a board in a 2048 game.
- 20Collections·2y
What to Expect in React 19: A Major Release with Exciting Improvements
React 19 is an upcoming major release with exciting improvements such as a new compiler for better performance and easier work. It introduces automatic memoization, eliminates the need for 'useCallback' and 'memo', and replaces 'React.lazy' with react server components. The 'useContext' hook will also undergo changes, and server actions will be more stable.
- 21
Theo - t3․gg·2yVapor: The Future Of Vue
View's Vapor mode is an alternative compilation strategy inspired by Solid that aims to improve performance by eliminating the use of virtual DOM. It allows for granular opt-in at the component level and reduces the runtime size. Solid, another JavaScript framework, also focuses on performance and uses a similar model based on signals for reactive updates.
- 22
asayer·2y
The Benefits of using CSS Modules
CSS modules provide a way to write CSS code that is easy to reuse and organize, while solving common problems with CSS in large-scale projects. They enable local scope, support composition and inheritance of styles, and integrate well with modern web development tools and frameworks.
- 23
How to Build a Full-Stack Kanban Task Management App With TypeScript, Next.js, Redux-toolkit, and Firebase
Learn how to build a full-stack Kanban task management app using TypeScript, Next.js, Redux Toolkit, and Firebase. The tutorial covers implementing authentication with next-auth.js, configuring the Redux store, creating the app markup, integrating Firebase Firestore, adding initial data to the Firestore database, fetching and populating data, and implementing CRUD operations.
- 24
Build A Responsive Sidebar using Next.js 14, React, shadcn/ui, and Tailwind CSS
Learn how to build a responsive sidebar using Next.js 14, React, shadcn/ui, and Tailwind CSS. The post covers the usage of the sheet and drawer components, toggling between desktop and mobile view, and styling the sidebar content.
- 25
Build a Full-Stack app using these React libraries and cloud backend.
Learn how to build a full-stack app using React with Vite for the frontend and Wing as a backend. React is the most common framework used for building web and native user interfaces. Wing is a programming language designed for the cloud, allowing you to build cloud-based apps. Install React and Wing, set up the frontend and backend directories, and follow the step-by-step guide to build your app.