Building Applications with React 17 and ASP.NET Core 6

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: What is React?

Lecture 3: What is ASP.NET Core?

Lecture 4: Installing Node

Lecture 5: Adding React and Using Create-React-App

Lecture 6: Installing Visual Studio

Lecture 7: Installing Visual Studio Code

Lecture 8: Installing the EF Core CLI Tool

Lecture 9: Front-End and Back-End

Lecture 10: Creating the React App

Lecture 11: Creating the Web API with Visual Studio

Lecture 12: Creating the Web API with Visual Studio Code and the dotnet CLI

Lecture 13: Reverting Back to the Old Model

Lecture 14: Creating the Combined Project

Lecture 15: Configuring the tsconfig.json

Lecture 16: Summary

Lecture 17: Source Code of the Course

Chapter 2: Review of Modern JavaScript

Lecture 1: Introduction

Lecture 2: Preparing the Development Environment

Lecture 3: Let and Const

Lecture 4: Arrow Functions and this

Lecture 5: Template Strings

Lecture 6: Ternary Operator

Lecture 7: Enhanced Object Literals

Lecture 8: Destructuring

Lecture 9: Spread Operator – Arrays

Lecture 10: Spread Operator – Objects

Lecture 11: Classes

Lecture 12: Map Function

Lecture 13: Promises and Async Programming

Lecture 14: Modules

Lecture 15: Summary

Chapter 3: First Steps with React

Lecture 1: Introduction

Lecture 2: The Problem with HTML

Lecture 3: A Solution is React

Lecture 4: Component and Application Structure

Lecture 5: Functional vs Class Components

Lecture 6: Making a Simple Component

Lecture 7: What is JSX?

Lecture 8: Fragments

Lecture 9: Expressions in JSX

Lecture 10: Conditionals – Ternary Operator

Lecture 11: Events – Reacting to User Interaction

Lecture 12: React Hooks and useState

Lecture 13: Using the useState React Hook

Lecture 14: Conditionals – if-else

Lecture 15: Dynamically Generating UI from an Array

Lecture 16: Reusing Functionality with Components – Parameters

Lecture 17: Child to Parent Component Communication

Lecture 18: Default Parameters

Lecture 19: Projecting Content

Lecture 20: CSS in React

Lecture 21: Introduction to useEffect

Lecture 22: Using useEffect

Lecture 23: useContext React Hook for Message Broadcasting

Lecture 24: Custom UI for Errors with ErrorBoundary

Lecture 25: Introduction to prop-types

Lecture 26: Summary

Chapter 4: Applying What We Learned in the Project

Lecture 1: Introduction

Lecture 2: Cleanup

Lecture 3: Individual Movie Component

Lecture 4: Movies List Component

Lecture 5: Making the MoviesList Component More Robust

Lecture 6: Generic List Component

Lecture 7: Installing Bootstrap

Lecture 8: Summary

Chapter 5: Routing

Lecture 1: Introduction

Lecture 2: Building the Menu Component

Lecture 3: Configuring Routes with React Router

Lecture 4: Route Configuration in an External File

Lecture 5: Building the Pages of our Project

Lecture 6: Using JavaScript for Navigation

Lecture 7: Route Parameters

Lecture 8: Handling Routes that do not exist

Lecture 9: Summary

Chapter 6: Forms

Lecture 1: Introduction

Lecture 2: Types of Forms

Lecture 3: Building Our First Form

Lecture 4: Validation Rules with Yup

Lecture 5: Custom Validation Rules

Lecture 6: Disabling Button When Submitting the Form

Lecture 7: Creating the Edit Genres Form

Lecture 8: Making the Filtering Movies Form

Lecture 9: Creating the Actors Form

Lecture 10: Working with Dates

Lecture 11: Selecting the Picture of the Actor

Lecture 12: Formatted Text with Markdown

Lecture 13: Creating the Movie Theaters Form

Lecture 14: Integrating Leaflet in React

Lecture 15: Integrating Formik and Leaflet

Lecture 16: Creating the Movies Form Component

Lecture 17: Building a Multiple Selector Component

Lecture 18: Relating Movies with Genres and Movie Theaters

Lecture 19: Creating the Typeahead