react-hot-loader
Tweak React components in real time. (Deprecated: use Fast Refresh instead.)
File Explorer
Download Latest Version (.zip)- extensions.json
- settings.json
- Troubleshooting.md
- _editMe.js
- App.js
- ChildrenAsFunctionComponent.js
- ChildrenAsFunctionExample.js
- ClassComponent.js
- ConnectedChildrenAFComponent.js
- ConsumerClassComponent.js
- ConsumerConnectedComponent.js
- ConsumerFunctionComponent.js
- ConsumerPureClassComponent.js
- Counter.js
- ErrorBoundary.js
- FunctionComponent.js
- FunctionConsumerPureClassComponent.js
- Hook.js
- LazyComponent.js
- Modal.js
- ModalComponent.js
- PureClassComponent.js
- SomethingWithHooks.js
- context.js
- index.js
- wcl.js
- .babelrc
- .editorconfig
- .flowconfig
- .gitignore
- LICENSE
- package.json
- README.md
- webpack.config.js
- yarn.lock
- async-component.js
- loadable-components.js
- react-imported-component.js
- react-loadable.js
- react-universal-component.js
- App.js
- Counter.js
- Counter2.js
- index.js
- .babelrc
- .gitignore
- package.json
- webpack.config.babel.js
- yarn.lock
- App.js
- async-component.js
- Counter.js
- DeferredRender.js
- HiddenComponent.js
- index.js
- Portal.js
- .babelrc
- .gitignore
- package.json
- webpack.config.babel.js
- yarn.lock
- App.js
- Counter.js
- index.js
- .babelrc
- .gitignore
- package.json
- webpack.config.babel.js
- yarn.lock
- App.tsx
- Counter.tsx
- development.html
- index.tsx
- production.html
- .gitignore
- main.js
- package.json
- README.md
- tsconfig.json
- webpack.config.js
- yarn.lock
- App.js
- Counter.js
- index.js
- reactHotLoader.setup.js
- .babelrc
- .gitignore
- package.json
- webpack.config.babel.js
- yarn.lock
- App.js
- Counter.js
- index.js
- .babelrc
- .gitignore
- package.json
- webpack.config.babel.js
- yarn.lock
- App.js
- Counter.js
- index.js
- .babelrc
- .gitignore
- package.json
- webpack.config.babel.js
- yarn.lock
- App.js
- Counter.js
- index.js
- .babelrc
- .gitignore
- package.json
- webpack.config.babel.js
- yarn.lock
- App.js
- Counter.js
- index.js
- Problem.js
- .babelrc
- .gitignore
- index.html
- package.json
- yarn.lock
- App.js
- Counter.js
- hotLoaderSetup.js
- index.js
- Internal.js
- .babelrc
- .gitignore
- package.json
- webpack.config.babel.js
- yarn.lock
- App.js
- index.js
- .babelrc
- .gitignore
- package.json
- webpack.config.babel.js
- yarn.lock
- App.js
- Characters.js
- index.js
- .babelrc
- .gitignore
- package.json
- webpack.config.babel.js
- yarn.lock
- App.js
- HookComponent.js
- index.js
- MyComponent.js
- .babelrc
- .gitignore
- index_csp.html
- package.json
- webpack.config.babel.js
- yarn.lock
- App.js
- Counter.js
- HiddenComponent.js
- index.js
- server.js
- template.js
- .babelrc
- .gitignore
- package.json
- webpack.config.babel.js
- yarn.lock
- App.js
- Async.js
- config.js
- Counter.js
- index.js
- Spring.js
- .babelrc
- .gitignore
- index_csp.html
- package.json
- webpack.config.babel.js
- yarn.lock
- App.tsx
- Counter.tsx
- index.tsx
- .gitignore
- package.json
- tsconfig.json
- webpack.config.babel.js
- yarn.lock
- App.tsx
- Counter.tsx
- index.tsx
- .gitignore
- package.json
- README.md
- tsconfig.json
- webpack.config.js
- yarn.lock
- App.js
- Counter.js
- index.js
- .babelrc
- .gitignore
- package.json
- webpack.config.babel.js
- yarn.lock
- App.js
- Counter.js
- index.js
- .babelrc
- .gitignore
- package.json
- webpack.config.babel.js
- ci.sh
- react-15.ci.sh
- react-16.ci.sh
- react-17.ci.sh
- preact.js
- babel.js
- generation.js
- modules.js
- hydrateFiberStack.js
- hydrateLegacyStack.js
- constants.js
- getReactStack.js
- reactUtils.js
- constants.js
- createClassProxy.js
- index.js
- inject.js
- transferStaticProps.js
- utils.js
- componentComparator.js
- fiberUpdater.js
- hotReplacementRender.js
- index.js
- proxies.js
- proxyAdapter.js
- resolver.js
- utils.js
- runQueue.js
- index.js
- makeIdentitySourceMap.js
- patch.js
- webpackTagCommonJSExports.js
- AppContainer.dev.js
- AppContainer.prod.js
- babel.dev.js
- babel.prod.js
- configuration.js
- errorReporter.js
- hot.dev.js
- hot.prod.js
- index.dev.js
- index.prod.js
- logger.js
- reactHotLoader.js
- utils.dev.js
- utils.prod.js
- arguments.js
- arrow-function-in-constructor.js
- async-functions-expression-body.js
- async-functions.js
- block-body.js
- default-params.js
- destructured-params.js
- expression-body.js
- nested-arguments.js
- nested-new.target.js
- new.target.js
- not-a-function.js
- not-an-arrow-function.js
- same-name-as-class-method.js
- static-property.js
- bindings.js
- counter.js
- drop-hot-half.prod.js
- drop-hot.prod.js
- hooks.js
- issue-246.js
- local-hooks.js
- name-clash.js
- babel.test.js.snap
- useContext.test.js
- memo.test.js
- generation.test.js
- modules.test.js
- .gitignore
- createPatchedReact.js
- react-dom.integration.spec.js
- react-dom.no-integration.spec.js
- getReactStack.test.js
- reactUtils.test.js
- AppContainer.prod.test.js
- hot.prod.test.js
- utils.prod.test.js
- consistency.test.js
- helper.js
- instance-descriptor.test.js
- instance-method.test.js
- instance-property.test.js
- lifecycle-method.test.js
- static-descriptor.test.js
- static-method.test.js
- static-property.test.js
- unmounting.test.js
- proxyAdapter.test.js
- .eslintrc.js
- AppContainer.dev.test.js
- babel.test.js
- build.test.js
- hot.dev.test.js
- index.dev.test.js
- reactHotLoader.test.js
- reconciler.test.js
- utils.test.js
- babel.js
- setupTests.js
- .babelrc
- .eslintignore
- .eslintrc.js
- .gitattributes
- .gitignore
- .prettierignore
- .prettierrc
- .travis.yml
- babel.js
- CHANGELOG.md
- CODE_OF_CONDUCT.md
- CONTRIBUTING.md
- index.d.ts
- index.js
- ISSUE_TEMPLATE.md
- LICENSE
- package.json
- patch.js
- PATRONS.md
- README.md
- rollup.config.js
- root.d.ts
- root.js
- webpack.js
- yarn.lock
# Installation Guide
1. Get the code
git clone https://github.com/gaearon/react-hot-loader
Downloads the entire project code from GitHub to your computer.
cd react-hot-loader
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
npm install react-hot-loader
Downloads and installs the libraries listed in package.json.
yarn add react-dom@npm:@hot-loader/react-dom
Type this command into your terminal and run it.
yarn add @hot-loader/react-dom
Type this command into your terminal and run it.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)