React Fundamentals

Set up a React environment using the official Facebook boilerplate, install Create React App globally, create your app folder, and start the development server with npm start.

Explore the React boilerplate, inspect core imports like React, ReactDOM, index.css, and the App component, then render a hello world element into the root in public index.html.

Explore GSX, a javascript syntax extension that creates reactive elements, and see how Babel converts GSX to React elements, embedding expressions with curly braces and arrow functions.

Create your first functional component with props, contrast it with the class-based AB component, and adjust image height while following component naming conventions.

Learn to build reusable React components by creating an intro component in a components folder, importing React, and exporting it. Use props to customize the message via a props object.

Explore adding state to React components by creating a series property, rendering its length, and organizing the app by moving components into an app folder and updating imports.

Demonstrate the componentDidMount lifecycle hook by updating state with setState inside a timeout to render a two-item series list, and show object shorthand when property names align.

Learn how to fetch data from an API using fetch, handle the promise, parse JSON, and update component state to display TV series results.