Description
TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL – Part Two is a React training course that teaches you how to build a home-sharing site. In this course, we will build a Node server from scratch with the help of the Express framework, then we will teach the advantages of strongly-typed codes and the use of TypeScript in our Node server programs.
What you will learn in the course TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL – Part Two:
- How to build a Node server using Express
- The importance of strongly-typed codes
- How to integrate TypeScript with a Node server
- Differences between REST and GraphQL
- What problems can GraphQL solve?
- How to build a GraphQL API using Apollo
Course details
Publisher: newLine
Instructors: Hassan Djirdeh And Jing Chen
English language
Education level: Intermediate
Number of courses: 112
Duration: 22 hours and 56 minutes
Course topics:
Introduction
Part Two Welcome
The TinyHouse App
Walkthrough of TinyHouse Code
Code Patterns & Behavior
How To Go Through The Course
Set-up for Part 2
Set-up for Part II
Routing in TinyHouse
Module 2 Introduction
Routing in TinyHouse
React Router
Setting up our database
Module 3 Introduction
Database Collection Structure
Database Document Structure
Seed & Clear Data from MongoDB
User Authentication with Google Sign-In & OAuth 2.0
Module 4 Introduction
OAuth 2.0
Google Sign-In (OAuth)
Google Sign-In GraphQL Fields
Using Google Sign-In & People API
Building the Authentication Resolvers
Building the UI for Login
Executing Login
Building the AppHeader & Logout
Module 4 Summary
Persist Login Sessions with Cookies
Module 5 Introduction
Cookies & Login Sessions
localStorage vs. sessionStorage vs. cookies
Adding the Viewer Cookie on the Server
Adding the Viewer Cookie on the Client
X-CSRF Token
Module 5 Summary
Building the User Page
Module 6 Introduction
User GraphQL Fields
Modifying the User, Listing, and Booking GraphQL TypeDefs
Building the User Resolvers
The UserProfile React Component
The UserListings & UserBookings React Components
Module 6 Summary
Building the Listing Page
Module 7 Introduction
Listing GraphQL Fields
Building the Listing Resolvers
Querying for listing data
ListingDetails & ListingBookings
The ListingCreateBooking React Component
Module 7 Summary
Building the Home Page
Module 8 Introduction
Listings GraphQL Fields
Building the Listings Resolvers
Building the UI of the Homepage
Displaying the highest-priced listings in the Homepage
Module 8 Summary
Searching for listings with Google’s Geocoding API
Module 9 Introduction
Google’s Geocoding API
Location-based searching for listings
Updating the listings resolver
Building the Listings page
Pagination & Filtering in the Listings page
Searching for listings from the App Header
Index location-based data
Module 9 Summary
Connecting with Stripe
Module 10 Introduction
Stripe & Stripe Connect
Stripe Connect OAuth
Stripe Connect GraphQL Fields
Building the Stripe Connect Resolvers
Connecting with Stripe on the Client
Disconnecting from Stripe on the Client
Module 10 Summary
Hosting new listings
Module 11 Introduction
HostListing GraphQL Fields
Building the HostListing Resolver
Building the UI of the Host page
Executing the HostListing Mutation
Module 11 Summary
Cloudinary & Image Storage
Module 12 Introduction
Cloudinary & Image Storage
Image uploads with Cloudinary
Booking listings
Module 13 Introduction
CreateBooking GraphQL Fields
Building the CreateBooking Resolver
Resolving the BookingsIndex of a Listing
Disabling booked dates on the client
Creating the Booking Confirmation Modal
Displaying the Payment Form with React Stripe Elements
Executing the CreateBooking Mutation
Module 13 Summary
Deploying with Heroku
Module 14 Introduction
Cloud computing
Deploying with Heroku
Walkthrough of Deployed App
Bonus Module
Module 15 Introduction
The Not Found Page
Apollo Client & FetchPolicy
useLayoutEffect & WindowScroll
React Router Hooks
Disconnecting from Stripe & Revoking Access
Additional Listing Date Picker Changes
Part Two Conclusion
Part Two Conclusion
PostgreSQL & TypeORM
Module 17 Introduction
SQL vs. NoSQL
PostgreSQL
TypeORM
TinyHouse – PostgreSQL & TypeORM
Course prerequisites:
Pictures
Sample video
Installation guide
After Extract, view with your favorite Player.
Subtitle: None
Quality: 1440p
Attention: This course, the second part of the course newLine – TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL – Part One is, which was previously published by Downloadly.
Changes:
Version 2020/7 compared to version 2020/5 has increased the number of 10 lessons for about 2 hours, the structure of the course has become more regular, and the source code file and PDFs of the course have also been added.
download link
Password file(s): www.downloadly.ir
Size
3.5 GB
Be the first to comment