Is it normal way to use React?:)

TestComponent.js

import React from 'react'
import * as R from 'ramda'

// Group data by day
// [ {*}, ... ] -> { x: [*], ... }
const groupByDay = R.groupBy(item => {
  const date = new Date(parseInt(item.date))
  return date.getDate()
})

// render multiple
const renderGroupedByDay = R.mapObjIndexed((items, day) => {
  return <div key={ day }>
    <strong>{ day }</strong>

    <ol>
      { items.map((item, index) => (
        <li key={ index }>{ item.name }</li>
      )) }
    </ol>
  </div>
})

// Multiple components composition
export default function TestComponent ({ items }) {
  const components = R.compose(
    Object.values,
    renderGroupedByDay,
    groupByDay
  )(items)

  return components
}

// Sample data
const items = [
  {
    name: 'A:1',
    date: Date.now()
  },
  {
    name: 'A:2',
    date: Date.now()
  },
  {
    name: 'B',
    date: Date.now() - 104000000
  }
]