Last updated 8/2020MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHzLanguage: English | Size: 2.83 GB | Duration: 6h 48m

 

Create a dynamic website with the React javascript library

What you'll learn

React

NodeJS

ExpressJS

REST web services

Requirements

Know how to code in any programming language; ideally javascript

Some understanding of HTML and CSS

Description

This is a course on React, a popular javascript library for creating websites. React lets you create websites that feel fast and responsive, because the page never has to reload. Instead, javascript fetches data when necessary and creates each page dynamically.In this course we'll create a website that manages a list of books, allowing you to create, view, update and delete books.Along the way we'll learn how to create React components, how to connect to a database, and how to create a REST service to supply the React front end with data.By the end of the course you'll have a good understanding of React and you'll be able to create your own React web apps.

Overview

Section 1: Introduction

Lecture 1 Introduction

Section 2: Preparation

Lecture 2 Teals

Lecture 3 Installing Software

Lecture 4 Overall Design

Lecture 5 Using Github

Lecture 6 Where to Find Source Code

Section 3: Creating a React App

Lecture 7 Creating a React App

Lecture 8 Editing the Default App

Lecture 9 How the App Works

Lecture 10 Creating a Component

Section 4: Creating a Server with Express

Lecture 11 Creating a Server

Lecture 12 Installing Express

Lecture 13 Creating a Route

Lecture 14 Creating a Database

Lecture 15 Creating a User

Lecture 16 A Properties File

Lecture 17 Improving Server Startup

Lecture 18 Connecting to MySQL

Lecture 19 MySQL Set Syntax

Lecture 20 Inserting a Row

Lecture 21 Connection Pooling

Lecture 22 Implementing Pooling

Lecture 23 About Releasing Connections

Section 5: Implementing a REST Service

Lecture 24 Handling Posts

Lecture 25 Implementing Create

Lecture 26 About REST

Lecture 27 Implementing PUT and DELETE

Lecture 28 A Book Repository

Lecture 29 Handling Errors

Lecture 30 Updating Data

Lecture 31 Getting Data

Lecture 32 Deleting Data

Section 6: Connecting Client and Server

Lecture 33 Running Commands Concurrently

Lecture 34 Environment Variables

Lecture 35 CORS

Lecture 36 Fetching Data

Lecture 37 State

Lecture 38 Formatting with Map

Lecture 39 Adding a Header

Lecture 40 Styling the Header

Lecture 41 Adding Material UI Icons

Lecture 42 Styling the Table

Section 7: React Router

Lecture 43 React Router

Section 8: Working with Forms

Lecture 44 Creating a Form

Lecture 45 Controlled Forms

Lecture 46 Submitting Forms

Lecture 47 Enabling Book Creation

Lecture 48 Redirects

Lecture 49 Validation Rules

Lecture 50 Flash messages

Lecture 51 Validating the Form

Section 9: Creating Function Components

Lecture 52 Using Props

Lecture 53 Hooks

Lecture 54 The UseEffect Hook

Lecture 55 Re-rendering with Keys

Section 10: Updating and Deleting

Lecture 56 Passing Params in Router

Lecture 57 Loading the Book Data

Lecture 58 Updating Books

Lecture 59 Harmonising Dates Bugfix

Lecture 60 Handling Delete

Section 11: Handling Errors

Lecture 61 A BookTable Component

Lecture 62 Adding a Loading Message

Lecture 63 Loading Failed Message

Lecture 64 Handling Delete Errors

Lecture 65 Handling Saving and Loading Errors

Section 12: Conclusion

Lecture 66 Conclusion

Programmers who want to learn to create websites with React,Programmers who would like to know more about modern javascript and web services

HomePage: