https://github.com/dwqs/async-react-compoment

:sunglasses: :eyes: :see_no_evil: Async component loaded based webpack 3 for react-router 4.[unmaintained]
https://github.com/dwqs/async-react-compoment

async-component react react-router-v4 webpack3

Last synced: 8 months ago
JSON representation

:sunglasses: :eyes: :see_no_evil: Async component loaded based webpack 3 for react-router 4.[unmaintained]

• Host: GitHub
• URL: https://github.com/dwqs/async-react-compoment
• Owner: dwqs
• License: mit
• Archived: true
• Created: 2017-07-21T09:22:53.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2017-08-13T10:48:36.000Z (almost 9 years ago)
• Last Synced: 2025-01-15T03:34:53.828Z (over 1 year ago)
• Topics: async-component, react, react-router-v4, webpack3
• Language: TypeScript
• Homepage:
• Size: 74.2 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![npm-version](https://img.shields.io/npm/v/async-react-component.svg) ![license](https://img.shields.io/npm/l/async-react-component.svg) ![bower-license](https://img.shields.io/bower/l/async-react-component.svg)

# async-react-component

Async component loaded based webpack 3 for react-router 4.

## Install

It is recommended to run webpack on node 6.x or higher.

Install the pkg with npm:

```

npm install async-react-component --save

```

or yarn

```

yarn add async-react-component

```

or bower

```

bower install async-react-component

```

## Usage

For react-router 4:

```

import {BrowserRouter as Router, Route, Switch} from 'react-router-dom';

import {getAsyncComponent} from 'async-react-component';

// code splitting in webpack 3: https://webpack.js.org/guides/code-splitting/#dynamic-imports

const App = () => import(/* webpackChunkName: "main" */ '../general/app/index');

const Info = () => import(/* webpackChunkName: "info" */ '@components/info/index');

const RootApp = () => {

    return (

        

            

                

                

                 
404 not found
}>

            

        

    );

};


ReactDOM.render(

    RootApp,

    document.getElementById('app')

);

```

## License

MIT