Welcome to react-18-migration-demo 👋

React 18 migration demo

Install

yarn install

Screenshots

React 18	React 17

How to Upgrade to React 18

Run below command and it will upgrade your app to React 18

npx new-web-app@latest react upgrade-react-18

What news in React v18
- New Feature: Automatic Batching
- New Feature: Transitions
  - Urgent updates reflect direct interaction, like typing, clicking, pressing, and so on.
  - Transition updates transition the UI from one view to another.
- New Suspense Features
- New Client and Server Rendering APIs
- New Strict Mode Behaviors
- New Hooks
  - useId
  - useTransition
  - useDeferredValue
  - useSyncExternalStore
  - useInsertionEffect

Usage

yarn dev

Run tests

yarn test

Deployment

yarn build --filter=react-18 --filter=react-experimental

Author

👤 Dung Huynh

Website: https://productsway.com/
Twitter: @jellydn
Github: @jellydn

Show your support

Give a ⭐️ if this project helped you!

This README was generated with ❤️ by readme-md-generator