Reactn Class Example

Cards.jsx

import React from 'reactn'; // <-- reactn
import Card from '../card/card';

export default class Cards extends React.PureComponent {
  componentDidMount() {
    // Hydrate the global state with the response from /api/cards.
    this.setGlobal(
      fetch('/api/cards')
        .then(response => response.json())
        .then(cards => ({ cards }))
        .catch(err => ({ error: err })),
    );
  }

  render() {
    return (
      <div>
        {this.global.cards.map(card => (
          <Card key={card.id} {...card} />
        ))}
      </div>
    );
  }
}