explanation
TinyHouse: Full-Stack React Masterclass with TypeScript and GraphQL – Part 2 is a React training course that teaches you how to create a home sharing site application. This course builds a Node server with the help of the Express framework and then teaches you the benefits of strongly typed code and how to use TypeScript in Node server applications.
What you’ll learn at TinyHouse: Full-stack React Masterclass with TypeScript and GraphQL – Part 2:
- How to build a node server using Express
- The importance of strongly typed code
- How to integrate TypeScript with Node Server
- Differences between REST and GraphQL
- What problems can GraphQL solve?
- How to build a GraphQL API using Apollo
Course specifications
Publisher: newLine
teacher: Hasan Zirde and jingchen
Language:English
Education level: average
Number of courses: 102
Duration: 19 hours 38 minutes
Course Topics:
introduction
Welcome to Part 2
Tiny House App
TinyHouse Code Walkthrough
Code patterns and behavior
How to do the course
Part 2 Settings
Part II Settings
Routing in TinyHouse
Module 2 Introduction
Routing in TinyHouse
react router
Database settings
Module 3 Introduction
Database collection structure
Database document structure
Seeding and clearing data in MongoDB
User authentication with Google Sign-in and OAuth 2.0
Module 4 Introduction
OAuth 2.0
Google Sign-in (OAuth)
Google Login GraphQL fields
Using Google Sign-in and People API
Building an authentication verifier
Building UI for login
Running login
Build AppHeader and log out
Module 4 Summary
We use cookies to maintain your logged in session
Module 5 Introduction
Cookies and login sessions
Local storage vs. session storage cookie
Add viewer cookie to server
Add viewer cookie to client
X-CSRF Token
Module 5 Summary
Building a user page
Module 6 Introduction
Edit custom GraphQL fields
Users, Lists and Reservations GraphQL TypeDef
Building a user resolver
UserProfile React Component
UserListings and UserBookings React components
Module 6 Summary
Building a List Page
Module 7 Introduction
List GraphQL fields
Building a list resolver
Querying list data
Listing details and listing reservations
ListingCreateBooking React Component
Module 7 Summary
Building a home page
Introduction to Module 8
List GraphQL fields
Building a list resolver
Building homepage UI
Display the highest price list on your homepage
Module 8 Summary
Search a list using Google’s Geocoding API
Introduction to Module 9
Google’s Geocoding API
Search listings based on location
Update list resolver
Create a list page
Pagination and filtering on list pages
Retrieve list from app header
Location-based data index
Module 9 Summary
Connect with Stripe
Introduction to Module 10
Stripes and Striped Connections
Stripe Connect OAuth
Striped Connection GraphQL Field
Building a Striped Connection Resolver
Connect with Stripe from your client
Disconnect Stripe from client
Module 10 Summary
New Listing Hosting
Introduction to Module 11
HostListing GraphQL field
Building a HostListing resolver
Building the UI of the host page
Running the HostListing variant
Module 11 Summary
Blur and save image
Introduction to Module 12
Blur and save image
Image upload using Cloudinary
Reservation list
Introduction to Module 13
CreateBooking GraphQL field
Building the CreateBooking interpreter
Check the BookingsIndex of the list
Disabling scheduled dates on the client
Create a reservation confirmation modal
Displaying a payment form with React Stripe Elements
Run CreateBooking Mutation
Module 13 Summary
Deploying with Heroku
Introduction to Module 14
cloud computing
Deploying with Heroku
Deployed app walkthrough
bonus module
Introduction to Module 15
NotFound page
Apollo Client and FetchPolicy
useLayoutEffect and window scrolling
react router hooks
Disconnect stripe and revoke access
Additional Listing Date Selector Changes
Part 2 Conclusion
Part 2 Conclusion
PostgreSQL and TypeORM
Introduction to Module 17
SQL vs NoSql
PostgreSQL
TypeORM
TinyHouse – PostgreSQL and TypeORM
Prerequisite courses:
movie
sample film
installation manual
After extracting, watch with your favorite players.
Subtitles: None
Quality: 1440p
memo: This course is a two-part course. newLine – TinyHouse: Full-stack React masterclass using TypeScript and GraphQL – Part 1 This was previously published by Downloadly.
Changes:
The 2020/7 version has increased the number of lectures by about 2 hours compared to the 2020/5 version, the lecture structure has changed more regularly, and lecture source code files and PDFs have been added.
download link
File password: free download software
size
22.2GB