JSFiddle - React, Tailwind, and code Playground

by tara5

JavaScript

// MainPage.js
export default (Profile, service) =>
class MainPage extends Component{
  
    componentDidMount() {
      service.execute();
    }
  
    render(){
        <div>
            <Profile />
            Other stuff here...
        </div>
    }
}

// createContainer.js
import Container from './Container'
import MainPage from './MainPage'
import Profile from './Profile'
import Service from './Service';

export default () => {
    let container = new Container()
    
    container.register('Profile', c => Profile());
    container.register('Service', c => Service());
    container.register('MainPage', c => MainPage(c.Profile, c.Service))

    return c;
}

// index.js
import createContainer from './createContainer.'

let c = createContainer()
let MainPage = c.MainPage;

ReactDOM.render(
    <Provider store={store}>
        <MainPage />
    </Provider>,
    document.getElementById('root')
)