React

In React.js, managing form inputs and user interactions is a crucial part of building dynamic web applications. Two key concepts that developers need to understand are controlled and uncontrolled components. These concepts define how form data is ha...

You can only make your React app visually appealing to users with styling. That makes styling a fundamental aspect of building captivating user interfaces. With React's component-based architecture, there are a ton of options for styling. These inclu...

I am new to ReactJS and JSX and I am having a little problem with the code below. I am trying to add multiple classes to the className attribute on each li: <li key={index} className={activeC...

Looking into PureComponent and the problem it solved, how it can be replaced now in the hooks & functional components world, and discovering an interesting quirk of React re-renders behavior

Looking into why we need access to DOM in React, how Refs can help with that, what are useRef, forwardRef and useImperativeHandle hooks, and how to use them properly.

Investigating CSS animations in React by building some useful components like slide-in drawers, expandable search field, and fancy hover effects.

React introduced hooks one year ago, and they've been a game-changer for a lot of developers. There are tons of how-to introduction resources out there, but I want to talk about the fundamental mindset change when switching from React class components to function components + hooks.

ceate-react-app comes with useful scripts that eliminate the slog of configuration, making it easier than ever to build React apps.

Component composition is one of the best parts of React, and I think we should take more time to break our components into manageable parts before littering one component with conditional renderings.

Session management allows users to stay logged in across multiple tabs devices and maintains security by tracking user sessions.

DOM-first, headless carousel for React. Contribute to richardscarrott/react-snap-carousel development by creating an account on GitHub.

My website of where I play around with Nuxt, Playwright and more and showcase my blog, resources etc

Tutorials and courses on design and frontend development: React,Framer,HTML,CSS,JavaScript. React courses tailored for product designers, UX/UI designers

Get Extremely Good at React

How to learn React and how to become a React developer. A step by step guide on how to learn React, on how to get started, and how to commit yourself every day ...

Curated List of React Components & Libraries. Contribute to brillout/awesome-react-components development by creating an account on GitHub.

A collection of awesome things regarding React ecosystem - enaqx/awesome-react

How to use Search Params in Next with useSearchParams und SearchParams from React Server Components and Client Components for URL state ...

React with Server Components and Server Actions is becoming a full-stack framework. This article reflects on the evolution of React and its impact on full-stack development ...

When researching frontend frameworks, you're likely to hear about "reactivity". But what is it? Why does it matter? Let's explore this and more in this article.

If you've worked with frameworks like React, Angular, or Vue in the past you'll likely have used (or heard of) a CSS-in-JS solution like Styled Com...

A detailed explanation of the architecture I used to rebuild react

Let's build an embeddable Preact web app using the Shadow DOM.

Nils Hartmann - Freiberuflicher Fullstack Software-Entwickler (Java, TypeScript, React)

One dev team made the shift from React’s "overwhelming VDOM" to modern DOM APIs. They immediately saw speed and interaction improvements.

This guide examines the core concepts, differences, features, and benefits of two frontend frameworks: Lit and React.

We already know what reactive programming is (if you don't, check out this article). In this article, we will look at some of the most common design patterns used in reactive programming and what common design principle they all have that enables the...

You've probably heard something about reactive programming before, but do you know what it means? It is one of the topics that bring more confusion than clarity when you try to google it. There are a lot of examples out there, but most of them have a...

Frequently, we are asked by React developers why patterns they have learned while writing components using JSX do not translate to writing web components. In this post, I'll try to capture some common gotchas that developers coming from React or other JavaScript view frameworks may run into when writing plain vanilla web components.