React Router

Description

Start from a blank React app and develop a functioning prototype with React Router. Create a simple navbar, homepage, and text inputs to create missions.

You will learn:

Get starting building a Notes app with learning React Router.

Lessons in this module

Intro to React Router

React Router NavBar example with NavLinks

React Router 404 Route

React Simple Landing Page

React Button Component

Adding Google Fonts to React Project

Missions Page

Right aligning a button

React Router Link Button

React Input Component

React Input with React hooks

React Input autoFocus

React TextArea with React hooks

React Save Button navigates with React Router useNavigate

React Navbar Dark Theme

React Router Part 1 Review

Mission Data Structure

React Table with Grid

React Table Navigate on Row Click

Mission Page: Dynamic Route Params

Mission Page: Title and Description Components

Mission Page: Action Row Buttons

React Button Outline Variant

Mission Edit State

Mission Edit sets Editable Inputs

React Router module review