[change] export or replace react-dom methods

This change adds the react-dom methods to the main export, since this is
a Web-only environment (React Native does something similar). It
augments the default render methods in order to move style sheet
management under the control of the library (necessary for
code-splitting support).

Relates to #52
This commit is contained in:
Nicolas Gallagher
2015-12-22 00:21:30 +00:00
parent c850a5fa8c
commit cc10de43eb
6 changed files with 103 additions and 26 deletions
-2
View File
@@ -2,7 +2,5 @@
<meta charset="utf-8">
<title>React Native for Web</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="The core React Native components adapted and expanded upon for the web">
<style id="react-stylesheet"></style>
<div id="react-root"></div>
<script src="/examples.js"></script>
+2 -5
View File
@@ -2,8 +2,7 @@ import { MediaProvider, matchMedia } from 'react-media-queries'
import App from './components/App'
import createGetter from 'react-media-queries/lib/createMediaQueryGetter'
import createListener from 'react-media-queries/lib/createMediaQueryListener'
import React, { StyleSheet } from '../src'
import ReactDOM from 'react-dom'
import React from '../src'
const mediaQueries = {
small: '(min-width: 300px)',
@@ -12,11 +11,9 @@ const mediaQueries = {
}
const ResponsiveApp = matchMedia()(App)
ReactDOM.render(
React.render(
<MediaProvider getMedia={createGetter(mediaQueries)} listener={createListener(mediaQueries)}>
<ResponsiveApp />
</MediaProvider>,
document.getElementById('react-root')
)
document.getElementById('react-stylesheet').textContent = StyleSheet.renderToString()