Fullstack React GraphQL TypeScript Tutorial

Veröffentlicht am: 20 August 2020
auf dem Kanal: Ben Awad

1,307,886

37k

A fullstack project course that teaches you how to build a backend and frontend from scratch then deploy it.

Includes the follow technologies:

React
TypeScript
GraphQL
URQL/Apollo
Node.js
PostgreSQL
MikroORM/TypeORM
Redis
Next.js
TypeGraphQL
Chakra

Code: https://github.com/benawad/lireddit

Links from video:
Learn vim: https://benawad.com/vim
How to install PostgreSQL: https://www.google.com/search?q=how+t...
How to install Redis: https://www.google.com/search?q=how+t...
Argon2 vs bcrypt: https://security.stackexchange.com/qu...
React snippets: https://gist.github.com/benawad/1e9dd...
Simple pagination: https://github.com/FormidableLabs/urq...
Node.js Docker: https://nodejs.org/en/docs/guides/nod...
Next Apollo: https://github.com/adamsoffer/next-ap...

0:00:00 Intro
0:02:02 Node/TypeScript Setup
0:11:29 MikroORM Setup
0:39:50 Apollo Server Express Setup
0:47:32 MikroORM TypeGraphQL Crud
1:09:23 Register Resolver
1:23:27 Login Resolver
1:41:11 Session Authentication
2:03:06 Sessions Explained
2:08:24 Next.js + Chakra
2:32:36 URQL Basics
2:46:07 GraphQL Code Generator
2:53:16 Register Error Handling
3:10:57 NavBar
3:26:21 URQL Cache Updates
3:39:33 Logout
3:50:11 Next.js URQL SSR
4:12:34 Forgot Password
4:35:31 Change Password
5:22:14 Why Switching to TypeORM
5:25:27 Switching to TypeORM
5:50:44 Many to One
6:02:26 Global Error Handling
6:24:15 Next.js Query Params
6:31:26 URQL Pagination Start
6:50:02 Adding Mock Data
7:01:19 Chakra Styling
7:12:37 More URQL Pagination
7:32:07 Fix Mock Data
7:40:41 URQL Pagination Has More
8:00:53 GraphQL Fetching Relationships
8:18:43 GraphQL Field Permissions
8:23:16 Many to Many
8:46:46 Invalidate Queries
9:00:49 Upvote UI
9:23:11 Change Vote
9:31:57 Write Fragments
9:39:00 Vote Status
9:51:57 SSR Cookie Forwarding
10:04:08 Single Post
10:21:55 Delete Post
10:38:19 Edit Post
11:09:23 DataLoader
11:40:06 Cache Reset
11:43:55 Deploy Backend
11:52:56 Docker
12:03:29 Environment Variables
12:14:55 DB Migrations
12:21:40 Docker Hub
12:28:23 DNS
12:36:39 Deploy Frontend
12:57:28 Fix Cookie
13:03:07 Switch to Apollo

#benawad #fullstack #tutorial

----
Checkout my side projects:

If you're into cooking: https://www.mysaffronapp.com/

----
Join the Discord:   / discord

----
Patreon:   / benawad

----
Follow Me Online Here:

Twitter:   / benawad
Medium:   / benawad
GitHub: https://github.com/benawad
Twitch:   / benawad
Facebook:   / benawad97
LinkedIn:   / benawad
Instagram:   / benawad97
TikTok:   / benawad

----
Follow me online: https://voidpet.com/benawad
#benawad

Auf dieser Seite können Sie das Online-Video Fullstack React GraphQL TypeScript Tutorial mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Ben Awad 20 August 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 1,307,886 Mal angesehen und es wurde von 37 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!