React Fast Refresh is the successor of React Hot Loader.
“React-Hot-Loader has been your friendly neighbour, living outside of React. But it has been limiting its powers and causing not the greatest experience. It’s time to make a next step.”
Some key points:
- it will re-render a React component when we edit a module that exports only React components
- it will reload all React components that import a non-React module and the module itself, when we edit it
- it will do a full reload when we edit a module outside of the React tree
- it will continue working once we resolve a syntax or a runtime error without having to reload manually
- local state will be preserved for function components and Hooks out of the box
- local state won’t be preserved for class components
