Archive

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