| 1 | <script src="shared.js"></script> |
| 2 | <link rel="stylesheet" href="shared.css" /> |
| 3 | <style> |
| 4 | html, body { |
| 5 | min-width: 460px; |
| 6 | min-height: 133px; |
| 7 | } |
| 8 | |
| 9 | hr { |
| 10 | width: 100%; |
| 11 | } |
| 12 | </style> |
| 13 | <p> |
| 14 | <b>This page includes an extra development build of React. 🚧</b> |
| 15 | </p> |
| 16 | <p> |
| 17 | The React build on this page includes both development and production versions because dead code elimination has not been applied correctly. |
| 18 | <br /> |
| 19 | <br /> |
| 20 | This makes its size larger, and causes React to run slower. |
| 21 | <br /> |
| 22 | <br /> |
| 23 | Make sure to <a href="https://reactjs.org/docs/optimizing-performance.html#use-the-production-build">set up dead code elimination</a> before deployment. |
| 24 | </p> |
| 25 | <hr /> |
| 26 | <p> |
| 27 | Open the developer tools, and "Components" and "Profiler" tabs will appear to the right. |
| 28 | </p> |