Completed
- Routing with React Router
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
React JS Full Course - Part 1
Automatically move to the next video in the Classroom when playback concludes
- 1 - Introduction
- 2 - Intro to React
- 3 - Create React App Files Explained
- 4 - Our First Component
- 5 - Understand Props in Components
- 6 - Intro to useState Hook
- 7 - Install Tailwind CSS for React
- 8 - Styling React with Tailwind CSS Classes
- 9 - Map through State Array Loop
- 10 - Create a Popup Modal with React Bootstrap
- 11 - Create and Style HTML Form
- 12 - Profile Form Data in Modal
- 13 - Update Parent Component State in Child Component
- 14 - How to Push to State Array
- 15 - Pass a Component to Props
- 16 - Create a Navbar with Tailwind CSS
- 17 - Pages and props.children
- 18 - Routing with React Router
- 19 - Create an Active Page Link in Navbar
- 20 - Finishing up Our Header
- 21 - Intro to useEffect Hook
- 22 - useEffect Dependency Array Explained
- 23 - Fetch an API to Display on Page
- 24 - URL Parameters in Router
- 25 - Redirect with useNavigate Hook
- 26 - Create 404 Not Found Page
- 27 - Fetch Response Status Codes and Errors
- 28 - Build and Style a Search Component
- 29 - Setup a Django Backend Full Stack App
- 30 - Create a REST API Backend
- 31 - Consume Backend API
- 32 - Create a Details by ID API
- 33 - Create a Details Page
- 34 - Return 404 From Backend API Django
- 35 - Code a Full CRUD API Crate, Read, Update, Delete
- 36 - DELETE Request with Fetch
- 37 - Popup Modal to Add Data POST
- 38 - Close modal on POST Success and Add Results to State
- 39 - Dynamic Edit Form to Update API Data
- 40 - Comparing State Objects
- 41 - Display Form Errors on Page
- 42 - Tailwind CSS Form and Button Styling
- 43 - Intro to JWTs and Authentication JSON Web Tokens
- 44 - Create a Login Page
- 45 - localStorage and Bearer Auth Tokens
- 46 - useLocation and useNavigate State Redirect to Previous Page on Login
- 47 - useContexct Hook Introduction
- 48 - Create a Logout Button
- 49 - Auth Refresh Tokens
- 50 - User Register Form and API
- 51 - Create a Custom Hook useFetch
- 52 - Destructuring Explained Custom Hook Parameters and Return Data
- 53 - Default Values and Nested Data with Restructuring
- 54 - Custom Hook on Button Click onClick POST with useFetch
- 55 - TypeScript and Axios Intro
- 56 - TypeScript Components
- 57 - Generate Drop Down List from API
- 58 - Crypto Price Chart with Chart.js
- 59 - Dynamic Chart with Multiple Drop Downs Chart.js
- 60 - Calculate Crypto Values
- 61 - Aggregate Data with map and reduce
- 62 - Pie Chart with Chart.js react-charts-2
- 63 - GraphQL API and Apollo Intro
- 64 - GraphQL in Django Backend Graphene
