slides-children-by-function.jsx

import map from 'lodash.map'
import React from 'react'
import Viewport from './fullpage-slides-viewport'

const backgroundData = [{/* slide 0 bg */}, {/* slide 2 bg */}, {/* slide 4 bg */}]
const textData = [{/* slide 0 text */}, {/* slide 3 text */}, {/* slide 4 text */}]
const _ = {
  map,
}

class App extends React.Component {
  render() {
    return (
      <Viewport>
        <Background data={backgroundData} />
        <Text data={textData} />
      </Viewport>
    )
  }
}

export default App