React 18

Creator

Creator

Seonglae Cho

Created

Created

2021 Aug 7 6:40

Editor

Editor

Seonglae Cho

Edited

Edited

2024 Feb 11 4:7

Refs

Refs

batch

huge improvements to automatic batching

ReactDOM.flushSync()

Root API


// New
const root = ReactDOM.createRoot(container);
root.render(<App />);

Concurrent Rendering

NewAPIs

`startTransition`

React 18 introduces a new API to handle heavy state updates

`useTransition`

`useDeferredValue`

`SuspenseList`

Combined with <SuspenseList> and other concurrent rendering updates are some improvements to the general Suspense behavior

Streaming SSR

for zero bundle

english

React v18.0 - React Blog

React 18 is now available on npm! In our last post, we shared step-by-step instructions for upgrading your app to React 18. In this post, we'll give an overview of what's new in React 18, and what it means for the future.

https://reactjs.org/blog/2022/03/29/react-v18.html

React 18 Is Out! This Is What You Need to Know

Announced in late 2020, React 17 didn't bring many new features. Instead, it was focused on improving the fundamentals and laying the groundwork for future updates. All to enable seamless gradual adoption of what's to come next. That's how we enter React 18.

https://blog.openreplay.com/react-18-is-out-this-is-what-you-need-to-know

React 18 Is Out! This Is What You Need to Know

korean

리액트18 버전에 추가되는 기능

또한 React18 Working Group에 디스커션을 열고 이전 버전들과 비교해 어떤 변경점들이 있는지 설명했으며 메인테이너 및 컨트리뷰터들과 활발하게 토의하는 모습 또한 볼 수 있었습니다. 본 포스팅에 사용되는 설명 및 그림들은 워킹그룹에 올라온 설명들을 참고하였으며 특히 Suspense SSR Architecture 를 설명하는데 사용한 많은...

리액트18 버전에 추가되는 기능

https://medium.com/watcha/%EB%A6%AC%EC%95%A1%ED%8A%B818-%EB%B2%84%EC%A0%84%EC%97%90-%EC%B6%94%EA%B0%80%EB%90%98%EB%8A%94-%EA%B8%B0%EB%8A%A5-5901903e6fc2

리액트18 버전에 추가되는 기능

batch

Automatic batching for fewer renders in React 18 · Discussion #21 · reactwg/react-18

You can't perform that action at this time. You signed in with another tab or window. You signed out in another tab or window. Reload to refresh your session. Reload to refresh your session.

https://github.com/reactwg/react-18/discussions/21

Automatic batching for fewer renders in React 18 · Discussion #21 · reactwg/react-18

Recommendations

////////////