https://github.com/cloudle/react-universal-ui-boilerplate

React cross-platform boilerplate (React Natives and Web).
https://github.com/cloudle/react-universal-ui-boilerplate

boilerplate react react-hot-loader react-native

Last synced: about 2 months ago
JSON representation

React cross-platform boilerplate (React Natives and Web).

• Host: GitHub
• URL: https://github.com/cloudle/react-universal-ui-boilerplate
• Owner: cloudle
• Created: 2017-02-04T23:42:05.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-04-12T11:44:14.000Z (almost 7 years ago)
• Last Synced: 2024-04-13T19:19:51.522Z (10 months ago)
• Topics: boilerplate, react, react-hot-loader, react-native
• Language: JavaScript
• Size: 1.14 MB
• Stars: 20
• Watchers: 4
• Forks: 3
• Open Issues: 3
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# React Universal UI Boilerplate

[react-native-url]: https://facebook.github.io/react-native/

[react-native-web-url]: https://github.com/necolas/react-native-web

[react-universal-ui-url]: https://npmjs.org/package/react-universal-ui

[react-native-windows-url]: https://github.com/Microsoft/react-native-windows

#### A boilerplate for cross-platform React project - which let you run your [React Native][react-native-url] App on Native Mobile (iOs, Android), Native Windows and Web (Browser).

Extending [React Native][react-native-url]'s initial structure using [react-native-web][react-native-web-url] and UI components form [react-universal-ui][react-universal-ui-url].

## New updates:

- Boost up build speed (first time build massively faster)

- Allow skip common chunks (`yarn web-vendor` step)  which always required on `legacy` version (however it is still highly recommended to use)

- Improves `cli` message, `hot-loader` for Browser `development-server`

- Update to latest version of React, React Native ;)

- Most up to date `iOs` and `Android` project template (by `react-native-cli`)  

- Official Windows support!

## Getting started

```

git clone https://github.com/cloudle/react-universal-ui-boilerplate.git

cd react-universal-ui-boilerplate

yarn install

yarn vendor

yarn web

```

### Boost first-launch and hot-reload time!

Run `yarn vendor` once before run our `yarn web` make our development server rebuild faster (should be under `200 milliseconds`)!

That really save our time and brain energy :p.

##### *note: `yarn vendor` cache our common library (e.g react, react-dom) into reusable chunks, that also mean it won't get update when we install newer version of those packages (see webpack.vendor.js for more information) - and we must re-run `yarn vendor` anytime those common libraries got updated.

## Windows

Structure of this boilerplate including supports to run on Windows (Native).

 

It's pretty straight forward to add Windows build to our project (boilerplate) by follow the instruction by Microsoft [here][react-native-windows-url]..

## Full command list

- `yarn vendor` build common chunks to reuse to boost our rebuild time ;)

- `yarn web` launch our development server.

- `yarn bundle` release our production build under `web` directory.

- `yarn ios`, `yarn android` quick alias which launch our `iOs` or `Android` emulator.

- `yarn test`, `yarn start`