Build An App With React, .Net Core, Graphql And Hotchocolate
Published 2/2023
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 4.34 GB | Duration: 10h 1m

.Net Core and React with GraphQL and HotChocolate. Entity Framework, Apollo CodeGen, Docker, Material UI, Relational DB

[b]What you'll learn[/b]

Build a complete fullstack app end to end using React and .Net 7

Learn how to work with GraphQL and HotChocolate to combine the frontend app with the backend database

Gain insight on how to structure a software project which adheres to industry standards and allows expandability

Learn how to deploy a project into a docker container

[b]Requirements[/b]

Basic knowledge in C# and JavaScript along with Entity framework and GraphQL will help understand the concepts quicker

[b]Description[/b]

Build a FullStack Web Application with a .Net Core Backend and React frontend. The backend consists of GraphQL endpoints with HotChocolate as the framework for working with Queries and Mutations. The backend database will be accessed via Entity Framework.The Frontend web app will access the GraphQL queries via GraphQL Code Generator. Material UI will be used to style the app.The Web App will be a fully functioning app that stores Customer data and Customer Orders. CRUD operations will be implemented in the App such as Inserting, Updating, Deleting and Retrieving Customers / Orders.This course was designed to be a Follow along coding course. Theory discussions are kept to a minimum to ensure time constraints are met and the course time becomes manageable when learning. Fundamental programming knowledge is required to understand and follow this course. This includes basic experience in C#.Net, Javascript and Working with IDEs (Ex: Visual Studio Code). If you are a Complete beginner to programming with no prior knowledge, this course might not be for you. If you are a Beginner to Intermediate Level programmer with a good programming foundation, this is an excellent course to update your knowledge and learn new skillsAt the end of the Lecture series, you will be able to design and build a functioning Web application with the mentioned technologies

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Project Structure

Lecture 3 Setting up the environment

Lecture 4 Creating the project and setting up GIT

Lecture 5 Structuring the backend project

Section 2: Building the Backend

Lecture 6 Creating the Entities

Lecture 7 Setting up Entity Framework and the Database context

Lecture 8 Integrating GraphQL using HotChocolate

Lecture 9 Adding Voyager and CORS

Lecture 10 Creating the Customer and Order Service

Section 3: Building the Frontend

Lecture 11 Getting started on the Frontend

Lecture 12 Creating the Codegen config

Lecture 13 Connecting the frontend with the backend

Lecture 14 Structuring the Layout

Lecture 15 Creating the Orders page

Section 4: Creating reusable components

Lecture 16 Creating a reusable Ag Grid

Lecture 17 Creating reusable Loading and Error boxes

Lecture 18 Creating a reusable TextField

Lecture 19 Creating a reusable Submit Button

Lecture 20 Creating a reusable CheckBox

Lecture 21 Creating a reusable Select Field

Lecture 22 Creating a reusable Date Picker

Section 5: Working with Forms

Lecture 23 Creating the Customer and Order queries by their Ids

Lecture 24 Creating the Customer Form

Lecture 25 Creating the Customer Page

Lecture 26 Creating the Order Form

Lecture 27 Creating the Order Page

Lecture 28 Little bit of Cleaning up

Section 6: Working with CRUD Operations

Lecture 29 Back to the Backend - Creating a SQLite Database and setup Migrations

Lecture 30 AddOrUpdateCustomer Mutation

Lecture 31 AddOrUpdateOrder Mutation

Lecture 32 Update Customer in the Customer Form

Lecture 33 Update Order in the Order Form

Lecture 34 Add new Customer page

Lecture 35 Add new Order page

Lecture 36 Creating the Delete Mutations in the Backend

Lecture 37 Deleting a Customer in the App

Lecture 38 Deleting an Order in the App

Lecture 39 Optional: Creating the Stats grid in the Home page

Section 7: Deploying the App

Lecture 40 Publishing the App

Lecture 41 Dockerising the App

Lecture 42 Working with different database types

Lecture 43 Managing user secrets

For intermediate developers looking to bridge some knowledge gaps.,This course is not a foundation course and will require basic programming knowledge to understand the concepts