React hook simple implementation

by Vertigo

JavaScript

import React, { useState, useEffect } from "react";
import "./style.css";

const usersArr = ["Dima", "Irina"];
const colorsArr = ["red", "green"];

new Promise(resolve => setTimeout(resolve, delay, value));

const merge = (users, colors) => {
  return ["1"];
};

usersArr.push = () => {}

console.log(usersArr);

export default function App() {
  const [data, setData] = useState([]);
  const [error, setError] = useState(false);

  useEffect(() => {
    const fetchUsers = fetch("https://jsonplaceholder.typicode.com/users").then(
      response => response.json()
    );
    const fetchColors = fetch(
      "https://jsonplaceholder.typicode.com/users"
    ).then(response => response.json());

    // later(3000, "later").then(r => console.log(r));

    Promise.all([fetchUsers, fetchColors])
      .then(result => {
        const [usersRes, colorsRes] = result;
        setData(merge(usersRes, colorsRes));
      })
      .catch(error => setError(true));
  }, []);

  // useEffect how to componentDidUpdate [deps is not empty]

  console.log(data);

  return true;
}

ReactDOM.render(<App />, document.getElementById('app'))