从头写一个airbnb 全栈 fullstack React, React Native, GraphQL, and TypeScript.
https://www.youtube.com/playlist?list=PLN3n1USn4xlnfJIQBa6bBjjiECnk6zL6s
步骤：https://github.com/benawad/fullstack-graphql-airbnb-clone/tree/1_setup
服务端代码：https://github.com/benawad/graphql-ts-server-boilerplate
视频选集
（67/83）
01 - Fullstack Airbnb Clone with GraphQL, React, and React Native
04:50
02 - Tips to be successful in this series - Part 0
11:23
03 - Setting up the Yarn Workspace, Server, and Website - Part 1
14:28
04 - Adding React Apollo and React Router - Part 2
17:49
06 - Form Validation in Formik with Yup - Part 4
18:28
07 - Sharing Validation code between the React Web App and GraphQL Server - Part
17:39
08 - Simplifying a React form with the Formik Field Component - Part 6
15:55
09 - Adding a Controller Package to share code between React and React Native -
16:00
10 - Calling the Register Mutation - Part 8
15:56
11 - Generating Typescript Types with Apollo Codegen - Part 9
14:24
12 - How to put a Yarn Workspace in a Docker Image - Part 10
30:43
13 - Deploying a Typescript Server to Digital Ocean with Dokku - Part 11
18:06
14 - Automating Dokku Deployment and Lerna - Part 12
09:16
15 - Deploying a Typescript Server to Heroku with Docker - Part 13
07:17
16 - Deploying a React App with Netlify - Part 14
13:07
17 - Setting up React Native with Expo - Part 15
08:12
18 - Adding GraphQL and Routing to React Native - Part 16
14:07
19 - How to use Formik with React Native - Part 17
16:17
20 - Styling React Native Register Form - Part 18
06:59
21 - Generating Typescript Types with Apollo CLI - Part 19
13:48
22 - React Login Page - Part 20
27:26
23 - React Native Login Screen - Part 21
08:33
24 - Saving Session Id in React Native with Secure Storage - Part 22
14:34
25 - Sending Test Emails with Nodemailer - Part 23
08:29
26 - Forgot Password Form - Part 24
11:42
27 - Forgot Password Controller - Part 25
15:37
28 - Change Password - Part 26
24:38
29 - Generic React Text Component for Confirmation Pages - Part 27
18:13
30 - Fixing Change Password - Part 28
09:01
31 - Adding a Listing Database Table - Part 29
09:48
32 - How to do Database Migrations with TypeORM - Part 30
22:44
33 - Create Listing Resolver - Part 31
14:16
34 - GraphQL Resolver Authorization - Part 32
14:43
35 - GraphQL Middleware - Part 33
16:47
36 - React Router Authorization - Part 34
17:45
37 - AuthRoute Questions - Part 35
06:21
38 - Multi Step Form in React with Formik - Part 36
21:38
39 - Custom Formik Fields and Fix Typescript Imports - Part 37
19:06
40 - Create Listing GraphQL Higher Order Component - Part 38
21:33
41 - Redirect Correctly after Login - Part 39
07:52
42 - File Upload GraphQL Yoga - Part 40
12:02
43 - Uploading an Image in React with GraphQL - Part 41
12:59
44 - Show Listings using Ant Design Cards - Part 42
14:14
45 - Serve Images using Express - Part 43
08:33
46 - Fetching the User for each Listing - Part 44
12:20
47 - Batching and Caching GraphQL Requests with DataLoader - Part 45
15:19
48 - Clearing Apollo Cache after Login - Part 46
08:14
49 - Logout in React with GraphQL - Part 47
15:39
50 - Cookies in React Native - Part 48
11:14
51 - Create Listing Form in React Native - Part 49
10:32
52 - Checkbox Group Form Field React Native - Part 50
19:03
53 - GraphQL Image Uploads in React Native - Part 51
18:37
54 - Displaying Cards from React Native Elements - Part 52
10:37
55 - Create and View Messages in GraphQL - Part 53
13:29
56 - GraphQL Subscriptions with GraphQL Yoga - Part 54
12:00
57 - Filtering GraphQL Subscriptions - Part 55
03:29
58 - GraphQL Subscriptions in React with Apollo - Part 56
07:45
59 - Dynamic React Router Pages with GraphQL - Part 57
26:43
60 - Refactoring to use React Apollo Query Component - Part 58
06:13
61 - Fetch Messages with React Apollo Query Component - Part 59
12:14
62 - Create Messages with React Apollo Mutation Component - Part 60
13:07
63 - Real Time Messages with React Apollo Subscriptions - Part 61
13:39
64 - React Geosuggest - Part 62
15:19
65 - React Google Maps - Part 63
13:06
66 - Netlify Continuous Deployment with Yarn Workspaces - Part 64
09:20
67 - Deploy to Heroku with GitHub Integration - Part 65
12:54
68 - Update Listing Mutation - Part 66
09:07
69 - Update Listing Form - Part 67
14:48
70 - Finish Update Listing Form and Mutation - Part 68
25:36
71 - Cache GraphQL Resolver with Redis - Part 69
06:22
72 - How much faster is the Redis Query vs the PostgreSQL Query - Part 70
04:53
73 - Updating the Cache after a Listing is Updated - Part 71
07:09
74 - Fixing Netlify Build Failures - Part 72
05:34
75 - Adding Mock Data to PostgreSQL - Part 73
07:50
76 - Typeorm GraphQL Search Query - Part 74
15:53
77 - Search Query in React Native - Part 75
12:43
78 - Rendering Cards using React Native FlatList - Part 76
08:06
79 - React Native Pagination with Apollo - Part 77
15:54
80 - React Native Tab Bar - Part 78
08:10
81 - Airbnb Clone Conclusion _ What's Next
03:14
82 - Upgrading Airbnb Clone to Typescript 3
03:36
83 - How to run the Airbnb Clone on your Computer
06:05
84 - How to Handle Dates in GraphQL
09:33
爆肝30天！我做了一款《跳跳史莱姆》游戏！！
点击体验>>
顶部