Building Applications with React 17 and ASP.NET Core 6

Building Applications with React 17 and ASP.NET Core 6, available at $64.99, has an average rating of 4.82, with 183 lectures, based on 477 reviews, and has 3072 subscribers.

You will learn about Make a Web API with .NET Core Develop React web applications Use React Hooks for building functional components Use Entity Framework Core for building a SQL Server database This course is ideal for individuals who are Programmers with C# knowledge who wish to develop web apps with React and .NET Core or Programmers with React knowledge who wish to learn how to connect React and .NET Core It is particularly useful for Programmers with C# knowledge who wish to develop web apps with React and .NET Core or Programmers with React knowledge who wish to learn how to connect React and .NET Core.

Enroll now: Building Applications with React 17 and ASP.NET Core 6

Summary

Title: Building Applications with React 17 and ASP.NET Core 6

Price: $64.99

Average Rating: 4.82

Number of Lectures: 183

Number of Published Lectures: 183

Number of Curriculum Items: 183

Number of Published Curriculum Objects: 183

Original Price: $59.99

Quality Status: approved

Status: Live

What You Will Learn

Make a Web API with .NET Core

Develop React web applications

Use React Hooks for building functional components

Use Entity Framework Core for building a SQL Server database

Who Should Attend

Programmers with C# knowledge who wish to develop web apps with React and .NET Core

Programmers with React knowledge who wish to learn how to connect React and .NET Core

Target Audiences

Programmers with C# knowledge who wish to develop web apps with React and .NET Core

Programmers with React knowledge who wish to learn how to connect React and .NET Core

With ASP.NET Core we can develop Web APIs using C#.

With React you can create modern, fast and flexible web applications.

In this course we will use both tools to create a project. We will make an application with its database, user system, back-end and UI, where you will put into practice the concepts learned in the course.

At the end we are going to publish our React application and our ASP.NET Core application.

Some of the topics that we will see:

Web API development with ASP.NET Core

Database in SQL Server using Entity Framework Core

User system with Json Web Tokens (JWT)

Developing a Single Page Application (SPA) with React

Use React Hooks to create modern functional components

Creating forms using formik and yup

Make HTTP requests from React to ASP.NET Core using Axios

Create reusable components in React

Using React Router for browsing

Using maps with leaflet

Save spatial data to a database with NetTopologySuite

Allow users to upload images to be saved to Azure Storage or locally

We will configure CORS to allow our React application to communicate with our Web API

We will use environment variables, both in ASP.NET Core and React, so as not to hardcode the development and production URLs in our applications.

Upon completion of this course, you will have sufficient knowledge to face development challenges involving ASP.NET Core and React applications.

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

Instructors

Felipe Gavilán
Software Engineer

Rating Distribution

1 stars: 13 votes

2 stars: 3 votes

3 stars: 40 votes

4 stars: 149 votes

5 stars: 272 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!