https://github.com/nparashuram/Haul-vs-ReactNative

Testing the performance between React Native and Haul Packagers
https://github.com/nparashuram/Haul-vs-ReactNative

haul performance react-native

Last synced: about 2 months ago
JSON representation

Testing the performance between React Native and Haul Packagers

• Host: GitHub
• URL: https://github.com/nparashuram/Haul-vs-ReactNative
• Owner: nparashuram
• Created: 2017-04-01T08:02:17.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-08-02T05:16:56.000Z (about 7 years ago)
• Last Synced: 2024-03-25T22:35:20.980Z (6 months ago)
• Topics: haul, performance, react-native
• Language: JavaScript
• Size: 67.4 KB
• Stars: 23
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Native packager or Haul ? 

An experiment to determine the performance characteristics of the stock React Native packages vs Webpack based [Haul](https://github.com/callstack-io/haul/). 

## Automated testing

To run all the test cases under `src/cases`, clone this repo, run `npm install` and then `npm test`. To view detailed logs for the tests, ensure that you set an environment variable `export DEBUG='hvrn:*'`.

The results are available in `_results.json`. The tests can be run multiple times to aggregate the results in the json file. 

## Manual Profiling

1. Download this repo

2. Install node dependencies using `npm install`

3. Run `npm test`

4. Run `cd tmp/react_native_app`

5. To get the transform time for React Native app, run `react-native start --resetCache`.

6. To see transform time for Haul, run `haul start --platform ios`. 

These show the first transform times for each packager. To see how they react to changes, change `App.js` file. Note that for React Native packager to trigger a re-transform, you may need to fetch the bundle again using `curl http://localhost:8081/index.ios.bundle`