scrimba
Reusable React
Reducers
A Promise-based State Machine
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

A Promise-based State Machine
AboutCommentsNotes
A Promise-based State Machine
Expand for more info
index.js
run
preview
console
import React, { useEffect, useReducer, useState } from 'react';
import ReactDOM from 'react-dom';

/*

fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.json())
.then(json => console.log(json))

*/

const App = () => {
let [user, setUser] = useState(null);

return (
<section>
<h2>Get User Data</h2>
<div className="user">
{user && <>
User ID: {user.id} <br />
User Title: {user.title}
</>}
</div>
</section>
)
}

ReactDOM.render(<App />, document.getElementById('root'));
Console
/index.html?
-15:03