kylefang/react-native-web
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-native-web.git synced 2026-04-24 04:25:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

[change] separate the React and React Native APIs

Browse Source 
Fix #136
This commit is contained in:
Nicolas Gallagher
2016-06-14 13:43:31 -07:00
parent a3b59ed2b4
commit f2ea7c089c
17 changed files with 38 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/guides/react-native.md
View File

@@ -40,11 +40,7 @@ module.exports = {
Minor platform differences can use the `Platform` module.
```js
import { AppRegistry, Platform, StyleSheet } from 'react-native'
const styles = StyleSheet.create({
height: (Platform.OS === 'web') ? 200 : 100
})
import { AppRegistry, Platform } from 'react-native'
AppRegistry.registerComponent('MyApp', () => MyApp)

17
docs/guides/rendering.md
View File

@@ -21,14 +21,15 @@ module.exports = {
Rendering without using the `AppRegistry`:
```js
import React from 'react-native'
import ReactDOM from 'react-dom'
import ReactDOMServer from 'react-dom/server'
// DOM render
React.render(<div />, document.getElementById('react-app'))
ReactDOM.render(<div />, document.getElementById('react-app'))
// Server render
React.renderToString(<div />)
React.renderToStaticMarkup(<div />)
ReactDOMServer.renderToString(<div />)
ReactDOMServer.renderToStaticMarkup(<div />)
```
Rendering using the `AppRegistry`:
@@ -36,7 +37,7 @@ Rendering using the `AppRegistry`:
```js
// App.js
import React, { AppRegistry } from 'react-native'
import React from 'react'
// component that renders the app
const AppContainer = (props) => { /* ... */ }
@@ -46,8 +47,8 @@ export default AppContainer
```js
// client.js
import React, { AppRegistry } from 'react-native'
import App from './App'
import { AppRegistry } from 'react-native'
// registers the app
AppRegistry.registerComponent('App', () => App)
@@ -62,7 +63,7 @@ rendering.
```js
// AppShell.js
import React from 'react-native'
import React from 'react'
const AppShell = (html, styleElement) => (
<html>
@@ -82,9 +83,9 @@ export default AppShell
```js
// server.js
import React, { AppRegistry } from 'react-native'
import App from './App'
import AppShell from './AppShell'
import { AppRegistry } from 'react-native'
// registers the app
AppRegistry.registerComponent('App', () => App)