This repository implements examples of React 18 from the new react.dev in React Native.
yarnyarn or yarn install will run a post-install script to setup your CocoaPods for iOS.
yarn iosAndroid is not functional on the latest react-native@0.72.0-rc.3 release:
- concurrent render support is currently not functional for Android. See this discussion for more details.
react-native-screensand@react-navigation/nativedepends on certain Java libraries from React Native that have been deprecated. See this discussion for more details.
However, you can still attempt with the following command:
yarn androidThis repo is currently under construction, here is the status of the examples that should be implemented:
| Feature | Status | Docs |
|---|---|---|
| Automatic batching | ✅ | https://react.dev/blog/2022/03/08/react-18-upgrade-guide#automatic-batching |
| Strict Mode | 🚫 | https://react.dev/reference/react/StrictMode |
| Full Suspense support | ✅ | https://react.dev/reference/react/Suspense |
useTransition |
✅ | https://react.dev/reference/react/useTransition |
startTransition |
🚧 | https://react.dev/reference/react/startTransition |
useDeferredValue |
✅ | https://react.dev/reference/react/useDeferredValue |
useId |
✅ | https://react.dev/reference/react/useId |
useSyncExternalStore |
✅ | https://react.dev/reference/react/useSyncExternalStore |
| Emoji | Definition |
|---|---|
| ✅ | Implemented |
| 👷 | In progress |
| 🚧 | Not started |
| 🚫 | Not functional |
In order to explore some of the new features like concurrent rendering, use yarn devtools to open the React DevTools.
Switch to the Profiler tab, record your interactions and then replay them to see how the renders are scheduled. Read more at the React blog.