Reactn Function Component

Cards.jsx

import React, { useGlobal } from 'reactn'; // <-- reactn
import Card from '../card/card';

const Cards = () => {
  const [cards, setCards] = useGlobal('cards');

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

export default Cards;