mirror of
https://github.com/zhigang1992/react-native-web.git
synced 2026-04-22 19:58:25 +08:00
cc10de43eb
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
20 lines
632 B
JavaScript
20 lines
632 B
JavaScript
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 from '../src'
|
|
|
|
const mediaQueries = {
|
|
small: '(min-width: 300px)',
|
|
medium: '(min-width: 400px)',
|
|
large: '(min-width: 500px)'
|
|
}
|
|
const ResponsiveApp = matchMedia()(App)
|
|
|
|
React.render(
|
|
<MediaProvider getMedia={createGetter(mediaQueries)} listener={createListener(mediaQueries)}>
|
|
<ResponsiveApp />
|
|
</MediaProvider>,
|
|
document.getElementById('react-root')
|
|
)
|