redux-devtools/slow-paws-beg.md at e57bcb393383e2e53e3d70cb5cddb4300e352597

mirror of https://github.com/reduxjs/redux-devtools.git synced 2024-11-22 09:36:43 +03:00

Build @redux-devtools/app UMD using esbuild (#1494 )

* Build @redux-devtools/app UMDs using esbuild

* Fix variable being exported

* Remove module.hot

* Include CSS

* Cleanup

* Cleanup

* Create slow-paws-beg.md

2023-09-17 00:13:50 +00:00

1019 B

Raw Blame History

@redux-devtools/app
major

The UMD bundle now exports the same thing as the library and includes the CSS in a sperate file. Therfore, the new usage is:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Redux DevTools</title>
+   <link href="/redux-devtools-app.min.css" rel="stylesheet" />
  </head>
  <body>
    <div id="root"></div>
    <script src="/react.production.min.js"></script>
    <script src="/react-dom.production.min.js"></script>
    <script src="/redux-devtools-app.min.js"></script>
    <script src="/port.js"></script>
    <script>
      const container = document.querySelector('#root');
-     const element = React.createElement(ReduxDevToolsApp, {
+     const element = React.createElement(ReduxDevToolsApp.Root, {
        socketOptions: {
          hostname: location.hostname,
          port: reduxDevToolsPort,
          autoReconnect: true,
        },
      });
      ReactDOM.createRoot(container).render(element);
    </script>
  </body>
</html>

1019 B Raw Blame History

1019 B

Raw Blame History