https://github.com/essomia/react18-demo

A complete demo of React 18 features with notes - #MonthChallenge - Dec 2021
https://github.com/essomia/react18-demo

react react18 reactjs

Last synced: 16 days ago
JSON representation

A complete demo of React 18 features with notes - #MonthChallenge - Dec 2021

• Host: GitHub
• URL: https://github.com/essomia/react18-demo
• Owner: Essomia
• Created: 2021-12-15T16:48:22.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2022-10-03T18:58:23.000Z (over 2 years ago)
• Last Synced: 2023-03-06T18:48:01.894Z (almost 2 years ago)
• Topics: react, react18, reactjs
• Language: JavaScript
• Homepage: https://fnop7.csb.app/
• Size: 689 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React 18 Demo

Project to test new React 18 features and show differences on how the things are handled.

## Command

`npm start`

-   Runs the app in development mode.

-   Open http://localhost:3000 to view it in the browser.

-   The page will automatically reload if you make changes to the code in `./src/`.

-   You will see the build errors and lint warnings in the console.

`npm run build`

-   Builds the app for production to the build folder `./build/`.

-   Optimizes the build for the best performance.

-   The build is minified and the filenames include the hashes.

-   Your app is ready to be deployed.

`npm run lint`

-   Apply ESLint rules and Prettier config to `./src/` files.

## Demo - React 17 vs React 18

The demo you can see at http://localhost:3000 will allow you to compare side-by-side two version of React:

-   Legacy Root API for React 17

-   New Root API for React 18

Read more in the [notes about React 18 new features](./UPGRADE.md).