#React

#React

React Server Components (RSCs) combine server-side and client-side rendering for faster content delivery. [ more ]

Patching globals in code can have significant impacts, often leading to misunderstandings and disagreements among developers. [ more ]

The useDeferredValue hook in React can significantly enhance the performance of applications, particularly on low-end devices. [ more ]

Implementing infinite scrolling with React using intersection observer and End-to-End tests with Playwright. [ more ]

React Rally is an inclusive conference dedicated to React and its ecosystem, offering valuable insights for developers at all levels. [ more ]

End-to-End testing file input functionalities in a React application can be achieved using Playwright. [ more ]

Deep experience with React and Suspense is required.

Basic understanding of Node.js is recommended for this workshop. [ more ]

Inline styles simplify component styling but face limitations like no media queries or pseudo-classes. CSS-in-JS combines encapsulation with traditional CSS flexibility. CSS Hooks offer React developers a familiar way to leverage CSS-in-JS benefits. [ more ]

React SWR is essential for efficient data fetching and updating in React applications.

Bit is a next-generation building system that supports the development of composable React components. [ more ]

Design systems are important for UI development in React.

The best design systems for React in 2024 include MUI, Onsen UI, and Chakra UI. [ more ]

Apollo's useQuery API is utilized to define and invoke queries in React applications.

Building custom features involves creating entities, mock data, GraphQL queries, React hooks, and components. [ more ]

Integrating React and D3.js for data visualizations

Handling data loading and manipulating elements [ more ]

State management in frontend development is important for maintaining data across multiple components.

TypeScript brings extra benefits for state management, such as type safety. [ more ]

Path aliases can simplify imports in large and complex codebases, making them more understandable and clear.

Path aliases can be set up in the tsconfig.json file of a TypeScript project to create import path shortcuts. [ more ]

There are numerous UI libraries and kits available for React, but some may not provide easy customization at lower levels.

React Aria is a library of React Hooks that offers accessible UI primitives for creating design systems. [ more ]

To build a React app with Vite, install Bit on your local development environment.

Create a Bit organization, scope, and workspace to work with Bit components. [ more ]

Qwik can be considered as an alternative to React

Paul Scanlon provides examples to compare React and Qwik [ more ]

Server-side rendering (SSR) is a technique that improves page load times, performance, and SEO by rendering web pages on the server.

Angular has made advancements in SSR, including non-destructive hydration and plans to integrate SSR into their CLI. [ more ]

Storybook is a valuable tool for frontend engineering teams to build component libraries and facilitate collaboration.

Installing and configuring Storybook in a React project enables features like documentation, testing, and visual regression testing. [ more ]

React is a UI programming paradigm that allows for the composition of independent components.

Components in React can run either on the user's computer or the developer's computer. [ more ]

The 'Tour of Heroes' app is a tutorial app for Angular 2+ that demonstrates functional and technical features of building a real-world business application.

This series of articles explores the experiences of building the 'Tour of Heroes' app on different frontend development platforms, including Angular, Aurelia, React, Vue, Xamarin, and MAUI. [ more ]

Dynamic tables in web applications help represent structured data. This tutorial focuses on creating a sortable and filterable table component in React.

The project uses Vite as a frontend tool and assumes a basic knowledge of HTML, CSS, JavaScript, and React.

Mock data is generated using the JSONPlaceholder API to populate the table. [ more ]

React Suspense allows components to suspend rendering while async logic is pending

Suspense enables coordinated asynchronous rendering across the component tree

Functional components can be made asynchronous using React Suspense [ more ]

Connecting React and GraphQL can be more complex than it initially appears

Maintaining copies of entities across frontend and backend can lead to inconsistencies

Using an automated build system can help manage entity updates and testing [ more ]

SignalDB is used with React and requires a signals library and a signals adapter for reactivity.

Installation includes SignalDB, a signals library (Maverick Signals), and a signaldb-react package for React bindings. [ more ]