status-im
/
react-native
mirror of https://github.com/status-im/react-native.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity
react-native/website
History
Devin Abbott f4a8efa452 Add react-native-web-player to core components docs 
Summary:
This PR adds the interactive [React Native Web Player](http://dabbott.github.io/react-native-web-player/) to the docs. The web player is an embeddable iframe which runs React Native code using components from [react-native-web](https://github.com/necolas/react-native-web). For now, it's primarily for educational purposes, since only the basic components are implemented.

Some details:
- The iframe is loaded from MaxCDN using rawgit, locked down to a git tag.
- Asset paths (i.e. images) are resolved relative to `//facebook.github.io/react-native/`
- When viewed on mobile, it falls back to the syntax-highlighted code blocks.

The WebPlayer can be inserted into markdown by using the fences:

```
```ReactNativeWebPlayer

import ...

AppRegistry.registerComponent ...

`` `
```

![screen shot 2016-06-22 at 12 46 50 pm](https://cloud.githubusercontent.com/assets/1198882/16281068/7056804e-3877-11e6-82f7-ece245690548.png)

I didn't actually add the WebPlayer to any docs pages in this PR. That we c
Closes https://github.com/facebook/react-native/pull/8328

Differential Revision: D3471527

Pulled By: lacker

fbshipit-source-id: 704da41cd77e08c7e2bc820557a74d36e88e8eb7
 		2016-06-22 14:13:22 -07:00
..
core Add react-native-web-player to core components docs 2016-06-22 14:13:22 -07:00
jsdocs Improve autogen for reference docs including jsdoc support 2016-06-21 14:28:43 -07:00
layout Improve autogen for reference docs including jsdoc support 2016-06-21 14:28:43 -07:00
server Remove Polyfills section from sidebar 2016-06-22 09:28:28 -07:00
src/react-native Add react-native-web-player to core components docs 2016-06-22 14:13:22 -07:00
.gitignore Introduce blog 2016-03-24 14:11:30 -07:00
README.md Fix instructions so react-native packages are installed first 2016-06-01 17:58:22 -07:00
package.json Improve autogen for reference docs including jsdoc support 2016-06-21 14:28:43 -07:00
publish-gh-pages.js fixed website deployment condition logic 2016-04-19 06:43:23 -07:00
setup.sh Docs for website setup 2015-12-28 12:47:09 -08:00

README.md

Install prerequisites

Before running the website, make sure you've run the following:

git clone https://github.com/facebook/react-native.git
cd react-native
npm install

Run the website server

The first time, get all the website dependencies loaded via

cd website
npm install

Then, run the server via

npm start
open http://localhost:8079/react-native/index.html

Anytime you change the contents, just refresh the page and it's going to be updated.

Publish the website

cd website
npm run publish-website