Discussion on: You don’t always need to import React

[Eugene Karataev]

Here's a dirty hack to avoid importing React in every file with JSX. Just add React to window before ReactDOM.render.

import ReactDOM from 'react-dom';
import React from 'react';
import App from './App';

window.React = React;
ReactDOM.render(<App/>, document.querySelector('#mount'));

Now App.js works without throwing a React is not defined error.

// App.js 
export default function() {
  return <div>I am App!</div>
}

This hack is just to illustrate React dependency management. Don't use it in the production code! 😄

[Sung M. Kim]

Holy mate... Such a convinient hack... You spoiled me 😂

Tried here and worked

[Budy]

yeep that should do the trick :D, by putting React to the global window object