react/fixtures/concurrent/time-slicing
Shubham Pandey 6f3fcbd6fa
Some remaining instances of master to main (#21982)
Co-authored-by: Shubham Pandey <shubham.pandey@mfine.co>
2021-07-30 08:56:55 -04:00
..
public Update Fixtures to use new APIs (#17380) 2019-11-17 14:42:47 -08:00
src Remove unstable_createRoot from internal builds (#21698) 2021-06-17 11:29:30 -07:00
.gitignore Update Fixtures to use new APIs (#17380) 2019-11-17 14:42:47 -08:00
README.md Some remaining instances of master to main (#21982) 2021-07-30 08:56:55 -04:00
package.json Update time-slicing demo (#21401) 2021-04-30 20:50:59 -04:00
yarn.lock Update time-slicing demo (#21401) 2021-04-30 20:50:59 -04:00

README.md

CPU async rendering demo

What is this fixture?

This is a demo application based on Dan Abramov's recent JSConf Iceland talk about React.

It depends on a local build of React and enables us to easily test async "time slicing" APIs in a more "real world app" like context.

Can I use this code in production?

No. The APIs being tested here are unstable and some of them have still not been released to NPM. For now, this fixture is only a test harness.

There are also known bugs and inefficiencies in main so don't use this fixture for demonstration purposes either yet. Until they are fixed, this fixture is not indicative of React async rendering performance.

How do I run this fixture?

From npm version

# 1: Install fixture dependencies
cd fixtures/unstable-async/time-slicing/
yarn

# 2: Run the app
yarn start

From React source code

# 1: Build react from source
cd /path/to/react
yarn
yarn build react-dom/index,react/index,react-cache,scheduler --type=NODE

# 2: Install fixture dependencies
cd fixtures/unstable-async/time-slicing/
yarn

# 3: Copy React source code over
yarn copy-source

# 3: Run the app
yarn start