mirror of https://github.com/zhigang1992/react-native-web.git synced 2026-03-29 22:42:50 +08:00

Files

Nicolas Gallagher 976320916e [change] move bridge code into createDOMElement

Moves event normalization and the ResponderEventPlugin injection from
'View' to 'createDOMElement'.

The 'react-native-web/lite' variant is removed from the performance
directory as the implementation is not substantially different.
Micro-optimizations to marginally narrow the performance gap to
css-modules.

2017-03-19 15:19:26 -07:00

implementations

[change] move bridge code into createDOMElement

2017-03-19 15:19:26 -07:00

modules

Reformat 'performance' and 'src' code

2017-03-02 18:59:33 -08:00

tests

Reformat 'performance' and 'src' code

2017-03-02 18:59:33 -08:00

index.html

Add comparative performance benchmarks

2017-02-26 17:19:43 -08:00

index.js

[change] move bridge code into createDOMElement

2017-03-19 15:19:26 -07:00

package.json

Update benchmark results

2017-03-14 17:23:16 -07:00

README.md

[change] move bridge code into createDOMElement

2017-03-19 15:19:26 -07:00

webpack.config.js

Update benchmark results

2017-03-14 17:23:16 -07:00

yarn.lock

Update benchmark results

2017-03-14 17:23:16 -07:00

README.md

Performance

To run these benchmarks:

npm run build:performance
open ./performance/index.html

Notes

The components used in the render benchmarks are simple enough to be implemented by multiple UI or style libraries. The implementations are not equivalent in functionality.

Benchmark results

Typical render timings*: mean ± two standard deviations

Implementation	Deep tree (ms)	Wide tree (ms)
`css-modules`	`76.66` `±18.46`	`157.03` `±19.79`
`react-native-web@0.0.78`	`90.13` `±20.91`	`198.72` `±24.44`
`styled-components@2.0.0-7`	`263.06` `±31.87`	`564.53` `±27.62`
`glamor@3.0.0-1`	`267.49` `±35.12`	`451.99` `±37.32`

*MacBook Pro (13-inch, Early 2011); 2.7 GHz Intel Core i7; 16 GB 1600 MHz DDR3. Google Chrome 56.