Skip to content

andrewevans0102/react-suspense-and-freeze

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 

React Suspense and Freeze

This repo contains implementations of React Suspense and React Freeze. This serves as sample projects for my post Exploring React Suspense with React Freeze.

The original implementation for React Suspense was copied from the implementation shared on the React Docs and CodePen at https://codesandbox.io/s/frosty-hermann-bztrp.

The implementation of React Freeze is a modified version of the React Suspense implementation. The effort was made to make the source code similar so one could see the similar behaviors.

If you'd like to learn more about React Suspense, I recommend checking out the React Docs at https://reactjs.org/docs/concurrent-mode-suspense.html and the sample project at https://codesandbox.io/s/frosty-hermann-bztrp.

If you'd like to learn more about React Freeze, I recommend checking out their implementation on GitHub at https://github.com/software-mansion/react-freeze. I also found Natanaelvich's sample project super helpful if you want to see a React Native implementation, and you can check that out here https://github.com/Natanaelvich/react-freeze-example.

To run both projects, just open this project in a terminal and do the standard npm install and then just do npm run start to see them in action. The React Freeze project has a "refresh" button which lets you watch the rendering occur if you're using Chrome DevTools. I recommend using the React Developer Tools Chrome Extension to see React Freeze working in the sample projects. I also recommend the "paint flashing" feature of Chrome DevTools to visualize the actual rendering of the components as you run the sample projects.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published