Hands-On Application Development with React and Bootstrap

Table of Contents

Chapter 1 : Getting Started With Create-React-App

Course Overview

Prerequisites and Software

Exercise Files

Previewing the Finished App

Chapter 2 : Laying the Foundation: Building Out the Navigation

Install and Run Create-React-App

Introduction to JSON Server

Using Faker to Generate Random Test Data

React Component State

React’s Component Life Cycle

Creating a React Component with ES6

Fetching Data with Axios

Testing Our Code

Reviewing the Site’s Structure

Adding the Navbar Placeholder

Stubbing the Home Component

Stubbing the Image Carousel

Stubbing the Vehicle Browser

Creating the Footer

Introduction to React Router

Working with React Router

Chapter 3 : Creating Your Own React ES6 Components

Reactstrap Overview

Adding a ReactstrapNavbar

Changing the Navbar Sample Code

Adding Font Awesome

Introduction to React Properties

Making the Navbar Data-Driven

Adding an Image Carousel

Copying the Asset Files

Using React Router with Properties

Data-Driven Site Carousel

Using Layout Components to Build the Vehicle Browser

Making the Vehicle Browser Data-Driven

Chapter 4 : UX Made Easy with Nested Components

Forms versus Input Groups

Stubbing the Dealer Locator Component

Working with Input Groups

Input Group Events Handlers

The Table Component

Working with Lists

List Items with Badges

Adding an Inquiry Form - Part 1

Adding an Inquiry Form - Part 2

Posting with Axios -Part 1

Posting with Axios -Part 2

Chapter 5 : Building and Publishing Your ES6 React App with Babel

Create the Vehicle Detail Component - Part 1

Create the Vehicle Detail Component - Part 2

The Build and Price Component (Tabs) - Part 1

The Build and Price Component (Tabs) - Part 2

Collapsing Media Container - Part 1

Collapsing Media Container - Part 2

Pick a Model - Part 1

Pick a Model - Part 2

Color Picker

Engine Picker Dropdown - Part 1

Engine Picker Dropdown -Part 2

Modals

Cleaning Up Warnings

Production Build and Conclusion