1
- # react-proxy-loader
2
-
3
- Wraps a react component in a proxy component to enable Code Splitting (loads a react component and its dependencies on demand).
4
-
5
- ## installation
6
-
7
- ` npm install react-proxy-loader `
1
+ [ ![ npm] [ npm ]] [ npm-url ]
2
+ [ ![ deps] [ deps ]] [ deps-url ]
3
+ [ ![ chat] [ chat ]] [ chat-url ]
4
+
5
+ <div align =" center " >
6
+ <!-- replace with accurate logo e.g from https://worldvectorlogo.com/ -->
7
+ <a href =" https://github.com/webpack/webpack " >
8
+ <img width="200" height="200" vspace="" hspace="25"
9
+ src="https://cdn.rawgit.com/webpack/media/e7485eb2/logo/icon.svg">
10
+ </a >
11
+ <h1 >React Proxy Loader</h1 >
12
+ <p >Wraps a react component in a proxy component to enable Code Splitting (loads a react component and its dependencies on demand).<p >
13
+ </div >
14
+
15
+ <h2 align =" center " >Install</h2 >
16
+
17
+ ``` bash
18
+ npm install react-proxy-loader`
19
+ ` ` `
8
20
9
- ## Usage
21
+ < h2 align= " center " > Usage< /h 2>
10
22
11
23
[Documentation: Using loaders](http://webpack.github.io/docs/using-loaders.html)
12
24
@@ -28,7 +40,7 @@ var ComponentProxy = React.createClass({
28
40
29
41
The proxy is a react component. All properties are transferred to the wrapped component.
30
42
31
- ### Configuration
43
+ < h2 align= " center " > Configuration< /h 2>
32
44
33
45
Instead of (or in addition to) inlining the loader call you can also specify the proxied components in your configuration:
34
46
@@ -58,6 +70,45 @@ You can give the chunk a name with the `name` query parameter:
58
70
var Component = require(" react-proxy-loader?name=chunkName!./Component" );
59
71
` ` `
60
72
61
- # License
62
-
63
- MIT (http://www.opensource.org/licenses/mit-license.php )
73
+ < h2 align=" center" > Maintainers< /h2>
74
+
75
+ < table>
76
+ < tbody>
77
+ < tr>
78
+ < td align=" center" >
79
+ < img width=" 150" height=" 150"
80
+ src=" https://avatars3.githubusercontent.com/u/166921?v=3&s=150" >
81
+ < /br>
82
+ < a href=" https://github.com/bebraw" > Juho Vepsäläinen< /a>
83
+ < /td>
84
+ < td align=" center" >
85
+ < img width=" 150" height=" 150"
86
+ src=" https://avatars2.githubusercontent.com/u/8420490?v=3&s=150" >
87
+ < /br>
88
+ < a href=" https://github.com/d3viant0ne" > Joshua Wiens< /a>
89
+ < /td>
90
+ < td align=" center" >
91
+ < img width=" 150" height=" 150"
92
+ src=" https://avatars3.githubusercontent.com/u/533616?v=3&s=150" >
93
+ < /br>
94
+ < a href=" https://github.com/SpaceK33z" > Kees Kluskens< /a>
95
+ < /td>
96
+ < td align=" center" >
97
+ < img width=" 150" height=" 150"
98
+ src=" https://avatars3.githubusercontent.com/u/3408176?v=3&s=150" >
99
+ < /br>
100
+ < a href=" https://github.com/TheLarkInn" > Sean Larkin< /a>
101
+ < /td>
102
+ < /tr>
103
+ < tbody>
104
+ < /table>
105
+
106
+
107
+ [npm]: https://img.shields.io/npm/v/react-proxy-loader.svg
108
+ [npm-url]: https://npmjs.com/package/react-proxy-loader
109
+
110
+ [deps]: https://david-dm.org/webpack-contrib/react-proxy-loader.svg
111
+ [deps-url]: https://david-dm.org/webpack-contrib/react-proxy-loader
112
+
113
+ [chat]: https://img.shields.io/badge/gitter-webpack%2Fwebpack-brightgreen.svg
114
+ [chat-url]: https://gitter.im/webpack/webpack
0 commit comments