Writing modern React apps w Redux Toolkit Typescript Material UI Auth0
Focused View
4:23:26
34 View
01-introduction.mp4
02:16
02-defining the code editor app requirements.mp4
03:03
03-installing node.js (nvm asdf).mp4
08:19
04-installing docker and docker compose.mp4
03:33
05-creating the auth0 account.mp4
02:35
06-creating the boilerplate.mp4
03:18
07-configuring prettier.mp4
03:51
08-adding the dependencies.mp4
02:23
09-dockerizing our app.mp4
07:34
10-configuring auth0.mp4
04:30
11-creating the app config.mp4
06:08
12-creating the authprovider component.mp4
05:50
13-creating a common loading component.mp4
02:23
14-creating the dark mode slice.mp4
03:54
15-adding tests for the dark mode reducer.mp4
03:53
16-configuring redux persist.mp4
04:13
17-configuring the store.mp4
05:15
18-creating the redux provider.mp4
02:20
19-creating typed hooks.mp4
01:46
20-configuring the app colors.mp4
03:25
21-creating the custom theme provider.mp4
05:29
22-creating protected routes with auth0.mp4
02:47
23-creating the routes component.mp4
06:50
24-creating the header component.mp4
06:28
25-creating the signin component.mp4
03:06
26-creating the signout component.mp4
01:17
27-creating the authenticated and unauthenticated buttons.mp4
02:43
28-testing the authentication.mp4
02:30
29-creating the home page component.mp4
06:46
30-testing ui with react testing library.mp4
03:04
31-defining the custom file and file viewer types.mp4
05:03
32-creating the files reducer.mp4
04:24
33-adding the files reducer business logic.mp4
06:11
34-testing the files reducer (part 1).mp4
09:44
35-testing the files reducer (part 2).mp4
03:20
36-changing the store folder structure.mp4
01:59
37-creating the selectactivefiles selector.mp4
06:58
38-creating the open workspace button.mp4
06:50
39-reading files (part 1).mp4
10:00
40-reading files (part 2).mp4
06:03
41-creating an extension icon reusable component.mp4
03:21
42-tests for the selectfileviewerdata selector.mp4
06:21
43-creating the selectfileviewerdata selector.mp4
10:13
44-creating the file viewer component.mp4
07:05
45-creating the open file thunk.mp4
07:16
46-creating the code editor page.mp4
05:40
47-creating the custom tab panel.mp4
04:47
48-creating the code editor container.mp4
10:49
49-creating the ontabclick handler.mp4
01:54
50-creating the custom tab label component.mp4
06:47
51-creaint the close file thunk.mp4
08:59
52-creating the custom monaco editor and finishing the app.mp4
08:13
More details
User Reviews
Rating
average 0
Focused display
Category
SkillShare
View courses SkillShareSkillshare is an online learning community based in the United States for people who want to learn from educational videos. The courses, which are not accredited, are only available through paid subscription.
- language english
- Training sessions 52
- duration 4:23:26
- Release Date 2024/03/09
