Spots

React.js ~New feature in React 19.3~

Let's dive into new features in React.js 19.3 View Transitions is the <ViewTransition> component that Animates Adding and Removing Elements, transition, and sizing. Example of defining the type of the transition Different animations (e.g. enter, exit, update, share) are applied automatically. Case that multiple animations are needed： Combination with Suspense

You can animate the transition from the fallback

You can animate the transition from the fallback to the final content by wrapping boundary of Suspense with View Transition

Using Fragment Refs enables low-level control over DOM

Using Fragment Refs enables low-level control over DOM nodes within a group of sibling elements that do not share a single parent DOM element. Calling use(browser()) enables to exclude the component that depends on browser API from SSR. Use under certain condition 4.React Server Components - Improving Context Before improving(Need wrapper component) After improving(Render Context derectly) You can render Context from 'use client' module on the server component directly without wrapper component(Provider). For further actions, you may consider blocking this person and/or reporting abuse

News

React.js ~New feature in React 19.3~

Let's dive into new features in React.js 19.3 View Transitions is the <ViewTransition> component that Animates Adding and Removing Elements, transition, and sizing.

@spots #dev

Source: Dev.to

See more like this