Introduction and Setup
1
Editor Setup and Starter Files Installation08:29
Sick Fits and the Tech Stack Behind It10:30
3
An Intro to Next.js, Tooling and Routing08:50
4
Custom _app.js Layout12:25
MODULE #2CSS and Styled Components
5
An Intro to Styled Components11:19
6
Themes and Layout with Styled Components18:51
7
Global Styling and Typography with Styled Components10:50
8
Visualizing Route Changes06:44
9
Fixing Styled Components Flicker on Server Render04:18
MODULE #3Server Side GraphQL
10
An intro to GraphQL14:13
11
Getting Setup with Prisma22:55
12
Getting our GraphQL Yoga Server Running22:32
13
Our first Query and Mutation11:40
14
Items Creation and Prisma Yoga Flow26:07
MODULE #4Client Side GraphQL
15
Setting Up Apollo Client with React11:24
16
React Meets GraphQL25:54
17
Creating Items with Mutations29:50
18
Uploading Images11:46
19
Updating Items with Queries and Mutations25:42
20
Deleting Items13:04
21
Displaying Single Items12:33
22
Pagination15:12
23
Pagination and Cache Invalidation09:37
MODULE #5Accounts, Authentication and Permissions
24
User Signup and Permission Flow23:07
25
User Signup in React12:13
26
Currently Logged In User with Middleware and Render Props18:44
27
Sign in Form and Custom Error Handling16:56
28
Sign Out Button06:21
29
Backend Password Reset Flow19:59
30
Frontend Password Reset Flow14:56
31
Sending Email12:13
32
Data Relationships05:47
33
Creating a Gated Sign In Component05:17
34
Permissions Management22:34
35
Updating Permissions in Local State12:44
36
Updating Permissions on the Server17:30
37
Locking Down DeleteItem Permissions06:38
MODULE #6Shopping Cart
38
Creating our cart in React05:29
39
Apollo Local State Queries and Mutations12:30
40
Server Side Add To Cart17:04
41
Displaying Cart Items and Totals20:00
42
Removing Cart Items10:45
43
Optimistic Response && Cache Updates with Apollo07:55
44
Animating our Cart Count Component13:20
45
Dealing with Deleted Items in CartItems03:01
MODULE #7Advanced UI and Code Quality
46
Cleaning Up This Render Prop Mess06:20
47
Search Dropdown Autocomplete18:13
48
Autocomplete with Downshift13:08
MODULE #8Credit Card Checkout
49
Credit Card Processing with Stripe Checkout16:45
50
Charging Cards on the Server Side17:50
51
Saving Orders to the Database13:14
52
Displaying Single Orders17:57
53
Orders Page14:19
MODULE #9Testing
54
Testing with Jest and Enzyme Introduction07:44
55
Unit Testing 10116:30
56
Mocking 10109:47
57
First Tests and Shallow Rendering14:38
58
Snapshot Testing15:18
59
Testing and Mocking Apollo Queries19:40
60
More Apollo Query Testing20:55
61
Testing Pagination15:18
62
Testing Mutations25:47
63
More Apollo Client Mutation Testing15:21
64
Testing our Cart25:22
65
Testing Order Components15:31
MODULE #10Deployment
66
Deploying a Prisma Server to Heroku06:49
67
Deploying Yoga Server to Heroku or Now11:47
68
Deploying Frontend to Heroku and Now09:43


Year: 2018
Manufacturer: wesbos.com
Manufacturer Website:

https://courses.wesbos.com

Author: Wes Bos
Duration: 11:06:39
Type of material handed out: Videos
English language