Tl;Dr React

component

A Simple React Component

React components implement a render() method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by render() via this.props.

fetch

Doing a (GET) fetch request

Doing a (GET) fetch request on component mount

component

A simple React function component

This is a simple react function component

event-handling

EVENT HANDLER IN REACT

a button example in React for a specific onClick event handler

component

Conditional Rendering in React

Use JavaScript operators like if or the conditional operator to create elements representing the current state

component

React Fragments

Render multiple react components without the need of a DOM elevent wrapper

hooks

useEffect hook in React

Returns a stateful value, and a function to update it

hooks

useReducer hook in React

useEffect hooks lets perform an action whenever a value changes

hooks

useState hook in React

Returns a stateful value, and a function to update it

component

Simple Form in React

A simple form in React using useState hooks