/react-2.1

Created with CodeSandbox

Primary LanguageHTML

react-2.1

Created with CodeSandbox

To get fack data, click ↓

fake data

Sampe code of api usage

import React from "react";
import data from './data.json'
import Contact from "./Contact/Contact";
import "./styles.css";

const contact = data.map( (item) =>
    <Contact
        key={item.id}
        first={item.firstname}
        last={item.lastname}
        image={item.image}
        online={Math.random() >= 0.5}
    />
)

export default function App() {


  return (
    <div className="App">
        {contact}
    </div>
  );