Example = () => ( <div> <h1>Device Test!</h1> <MediaQuery minDeviceWidth={1224} device={{ deviceWidth: 1600 }}> <p>You are a desktop or laptop</p> <MediaQuery minDeviceWidth={1824}> <p>You also have a huge screen</p> </MediaQuery> </MediaQuery> <MediaQuery minResolution='2dppx'> {/* You can also use a function (render prop) as a child */} {(matches) => matches ? <p>You are retina</p> : <p>You are not retina</p> } </MediaQuery> </div> )
production ready library 3. Reduce develop/maintain cost with cross platform development 4. Converge our requirement instead of thinking differentiation in each Platform Contact me:[email protected] Highlights Recap We are hiring!