[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$f2x229b79a4daf":3},{"_id":4,"slug":5,"title":6,"subtitle":7,"kind":8,"cards":9,"tags":23,"categories":25,"source":27,"lang":30,"author":31,"audioState":34,"stats":35,"publishedAt":38,"renderer":39},"6abbb930ca21c797c7e9d453","reactjs-new-feature-in-react-193-34c41936","React.js ~New feature in React 19.3~","Let's dive into new features in React.js 19.3 View Transitions is the \u003CViewTransition> component that Animates Adding and Removing Elements, transition, and sizing.","news",[10,13,18],{"headline":6,"body":11,"imageUrl":12,"sourceImageUrl":12},"Let's dive into new features in React.js 19.3 View Transitions is the \u003CViewTransition> 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","https:\u002F\u002Fmedia2.dev.to\u002Fdynamic\u002Fimage\u002Fwidth=1200,height=627,fit=cover,gravity=auto,format=auto\u002Fhttps%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fckodnqffu0w6lsg5gux6.png",{"headline":14,"body":15,"imageUrl":16,"images":17},"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","\u002Fapi\u002Fmedia\u002Fposts\u002Freactjs-new-feature-in-react-193-34c41936\u002F1.webp",{"local":16},{"headline":19,"body":20,"imageUrl":21,"images":22},"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\u002For reporting abuse","\u002Fapi\u002Fmedia\u002Fposts\u002Freactjs-new-feature-in-react-193-34c41936\u002F2.webp",{"local":21},[24],"dev",[26],"Technology",{"name":28,"url":29},"Dev.to","https:\u002F\u002Fdev.to\u002Fkkr0423\u002Freactjs-new-feature-in-react-193-58dn","en",{"handle":32,"displayName":33},"spots","Spots","queued",{"views":36,"likes":37,"saves":37,"shares":37,"completions":37,"opens":37,"skips":37,"depthSum":37},3,0,"2026-09-29T13:12:16.370Z","local"]