GithubHelp home page GithubHelp logo

jkreitzman / react-dom Goto Github PK

View Code? Open in Web Editor NEW

This project forked from hot-loader/react-dom

0.0 0.0 0.0 1.14 MB

๐Ÿ”ฅ version of React-DOM for react 18

JavaScript 85.73% TypeScript 14.27%

react-dom's Introduction

react-dom - hot-loader edition

This is normal react-dom with some patches applied to be more React-Hot-Loader friendly.

Use it to obtain more ๐Ÿ”ฅ dev experience.

Differences from react

There are just a few changed lines, see patch.js for details

Using this module

Install

yarn add @hot-loader/react-dom@YOUR_REACT_VERSION

Right now only 16.7.0+ versions are available

Rewire

To use this version of React-dom you have to rewire your application

Webpack

just configure your webpack to alias this package, instead of a real react-dom. See https://webpack.js.org/configuration/resolve/#resolve-alias

// webpack.conf
...
resolve: {
    alias: {
      'react-dom': '@hot-loader/react-dom'
    }
}
...

You may set configuration to only use react-๐Ÿ”ฅ-dom only in dev mode.

Parcel

Use alias field in package.json to rewire your project. This will affect dev and production modes. See parcel-bundler/parcel#850

{
  "alias": {
    "react-dom": "@hot-loader/react-dom"
  }
}

(Yarn) Any other system

For any other build system, which may not support aliasing - use yarn name resolution. See https://twitter.com/sebmck/status/873958247304232961?lang=en for details.

yarn add react-dom@npm:@hot-loader/react-dom

Using webpack-loader

React-hot-loader's webpack-loader could land necessary patches on build time. If you can use it instead of this package, if you can.

Production ready

production bundle, exported by this package is identical to the original react-dom.production.min.js. It is safe to keep rewiring in production.

License

React is MIT licensed. This library is still react

react-dom's People

Contributors

thekashey avatar bnaya avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.