A lot of boring carousels? Let's try something else!
Full documentation @react-screen.
1.Install react-screen.
# Via npm
npm install react-screen
# Via Bower
bower install react-screen
2.Import react & react-screen.
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { Screen, ScreenSlice } from 'react-screen';
3.Import stylesheet.
// In jsx
import styles from 'node_modules/react-screen/dist/css/react-screen.css';
Or
<!-- In HTML -->
<link rel="stylesheet" href="path/to/css/react-screen.css">
4.Render it!
ReactDOM.render((
<Screen>
<ScreenSlice>
<h1>First Screen</h1>
</ScreenSlice>
<ScreenSlice>
<h1>Second Screen</h1>
</ScreenSlice>
<ScreenSlice>
<h1>Third Screen</h1>
</ScreenSlice>
</Screen>
), document.getElementById('react-screen'));