Full-Stack React Masterclass with TypeScript and GraphQL – Part 1 2020-2 – Download

explanation

TinyHouse: Full-Stack React Masterclass with TypeScript and GraphQL is an advanced React, Node, TypeScript, and GraphQL course that includes building applications during an 8-week online course.

What you’ll learn at TinyHouse: Full-stack React masterclass with TypeScript and GraphQL:

How to build a GraphQL API from scratch in Node.js using Apollo Server
Make sure you build a professional application.
Build large-scale React applications using 2020 technologies like Hooks
Manage GraphQL requests in React using React Apollo and Apollo CLI
Prevent bugs from writing optimal code using TypeScript
Store data using MongoDB and PostgreSQL
Manage your purchases with Stripe
Learn how to deploy applications hassle-free using Heroku.
Use authentication complexity using the OAuth 2.0 industry standard (Google Sign-in).
Enable location search using Google’s Geocode API

Course specifications

Publisher: newLine
teacher: Hasan Zirde and jingchen
Language:English
Education level: average
Number of courses: 68
Period: Assuming 4 hours a week, 2 months

Course Topics:

Welcome Introduction

Welcome to Tiny House
syllabus
How to do the course
Preferences
Welcome to Part 1

Module 1 Getting started with the server

Module 1 Introduction
What is a node?
Running JavaScript with Node
Create Minimum Node: Express Server
Automatic reloading using Nodemon
Introduction to TypeScript
Add TypeScript to your server
Compiling a TypeScript project
Linting with ESLint
Introduction to Mock Lists
Create GET and POST Express routes
Module 1 Summary

Module 2 API Comparison

Module 2 Introduction
What is GraphQL?
Comparing REST and GraphQL APIs on Github
GraphQL concepts

Module 3 Using Apollo Server

Module 3 Introduction
Install Apollo Server and GraphQL
Create a GraphQL schema using the GraphQL JS library
Query and transform list data using GraphQL
Use the GraphQL schema language
Module 3 Summary

Module 4 Data Storage

Module 4 Introduction
Introduction to MongoDB
Setting up a new MongoDB cluster using Atlas
Connect MongoDB to server
TypeScript Generics and adding types to collections
Setting environment variables
Seed mock data into database
Data processing in MongoDB
Resolver modularization
Module 4 Summary

Module 5 Getting Started with React

Module 5 Introduction
react
Create a react app
Building a React app – Summary

Module 6 List Building

Module 6 Introduction
list component
Props and TypeScript
Functional Components and TypeScript
list query
Abstracting data types from server imports
Delete list
Module 6 Summary

Module 7 GraphQL and Hooks

Module 7 Introduction
react hooks
useStateHook
UseEffectHook
Use custom Query Hook
Use custom queries and re-fetch
Custom useQuery and load/error states
Custom UsageMutation Hook
useReducer hook
Module 7 Summary

Module 8 Introduction to React Apollo

Introduction to Module 8
Creating an Apollo Client
Apollo Hook Reaction
Types automatically generated using Apollo CLI
Module 8 Summary

Module 9 Styling with Ant Design

Introduction to Module 9
UI framework and Ant design
Styling with Ant Design

Module 10 Part 1 Conclusion

Part 1 Conclusion

Prerequisite courses:

We assume you know the basics of HTML/CSS/JavaScript and have probably used a modern front-end library (e.g. React) to recognize the functionality it offers. That said, we spend as much time as we can Any techniques you plan to use will be introduced and explained before you use them. ,

This course does not teach you how to program from scratch. Explore intermediate/advanced code, for example building a GraphQL server with Node and using Hooks with React.

You don’t need to be a React or Node expert, but it’s good if you’ve completed the basic React tutorial beforehand, for example.

movie

TinyHouse Full-Stack React Masterclass with TypeScript and GraphQL Part 1

sample film

installation manual

After extracting, watch with your favorite players.

Subtitles: None

Quality: 1080

Changes:

Version 2020/2 compared to version 2020/1, the content and timing of the entire course has not changed, but source code and PDF files have been added.