https://github.com/emanuelefavero/react-19
This repository is a playground for React 19
https://github.com/emanuelefavero/react-19
nextjs playgroud react react19 testing
Last synced: 7 months ago
JSON representation
This repository is a playground for React 19
- Host: GitHub
- URL: https://github.com/emanuelefavero/react-19
- Owner: emanuelefavero
- License: mit
- Created: 2024-05-28T21:34:24.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-20T17:56:28.000Z (11 months ago)
- Last Synced: 2025-02-04T16:50:23.855Z (9 months ago)
- Topics: nextjs, playgroud, react, react19, testing
- Language: JavaScript
- Homepage:
- Size: 157 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# React 19
This repository is a playground for React 19. Feel free to use it to test new features and functionalities.
> **Note:** This repository is not meant to be used in production.
>
> **Note:** I choose to use `nextjs` to test React 19 features since some features need a React framework to work.
## How to use
1. Clone the repository
2. Install the dependencies
3. Run the project:
```bash
npm run dev
```
## React Compiler
React 19 introduces a new experimental compiler that automatically memoizes your code. This greatly reduces the need to use `useMemo`, `useCallback`, and `React.memo`.
To test the new compiler in your Next.js 15 RC project, you need to add the following configuration to your `next.config.js` file:
```js
const nextConfig = {
experimental: {
reactCompiler: true,
},
}
export default nextConfig
```
> Note: Check the Next.js documentation for updated information on how to use the React Compiler in Next.js. The above configuration may change in the future since we are using a beta version of Next.js (Next.js 15 RC) at the time of writing this document
## Resources
- [React 19](https://react.dev/blog/2024/04/25/react-19)
- [React 19 on Medium](https://medium.com/@hassan.djirdeh/react-19-beta-is-out-4d41aa1d4eee)
- [React Compiler](https://19.react.dev/learn/react-compiler)
- [Next.js](https://nextjs.org/)
## License
- [MIT](LICENSE.md)