React Clone WhatsApp w React Router React Hooks 2021
Focused View
13:27:49
12 View
01-1.1 introduction.mp4
03:22
02-1.2 installation of necessary tools.mp4
02:31
03-1.3 section summary.mp4
00:46
04-2.1 introduction.mp4
02:18
05-2.2 clone the boilerplate.mp4
02:24
06-2.3 step 1-break down login component.mp4
02:44
07-2.4 routes and theme in app component.mp4
10:47
08-2.5 our formlogin component.mp4
07:39
09-2.6 our formlogin component (part 2) .mp4
03:52
10-2.7 our rightimg component.mp4
07:42
11-2.8 step 2-static version of login component.mp4
04:43
12-2.9 step 3 and 4-add state.mp4
05:11
13-2.10 step 5-add inverse data flow.mp4
02:25
14-2.11 few words about account and password.mp4
03:16
15-2.12 create dummy users.mp4
07:31
16-2.13 create dummy users (part 2).mp4
05:34
17-2.14 user authentication.mp4
09:07
18-2.15 user authentication (part 2).mp4
07:45
19-2.16 section summary.mp4
01:44
20-3.1 introduction.mp4
01:55
21-3.2 step 1-breaking down components.mp4
02:08
22-3.3 our left component.mp4
03:03
23-3.4 our right component.mp4
03:43
24-3.5 rendering left and right inside main component.mp4
05:33
25-3.6 our header component.mp4
09:27
26-3.7 our header component (part 2).mp4
11:26
27-3.8 our status component.mp4
06:58
28-3.9 our searchbar component.mp4
04:55
29-3.10 our chatlist component.mp4
06:01
30-3.11 create dummy chats.mp4
11:10
31-3.12 create dummy chats (part 2).mp4
03:27
32-3.13 our chatitem component.mp4
06:23
33-3.14 chatlist and chatitem together.mp4
04:07
34-3.15 chatlist and chatitem together (part 2).mp4
05:07
35-3.16 how to retreive the list of chats.mp4
09:06
36-3.17 how to render the list of chats.mp4
02:59
37-3.18 how to use react moment.mp4
08:46
38-3.19 section summary.mp4
01:13
39-4.1 introduction.mp4
02:19
40-4.2 breaking down components.mp4
02:07
41-4.3 our messageview component.mp4
05:19
42-4.4 how to select a chat.mp4
06:34
43-4.5 how to select a chat (part 2).mp4
06:59
44-4.6 how to display the header.mp4
04:35
45-4.7 our footer component.mp4
05:38
46-4.8 add state to footer component.mp4
03:12
47-4.9 our messagebox component.mp4
04:44
48-4.10 messages collection.mp4
10:24
49-4.11 rendering messages.mp4
04:19
50-4.12 rendering messages (part 2).mp4
05:37
51-4.13 rendering messages (part 3).mp4
04:44
52-4.14 rendering messages (part 4).mp4
05:32
53-4.15 first loop to display dates.mp4
06:48
54-4.16 nested loop to display messages.mp4
08:21
55-4.17 how to send a message.mp4
07:11
56-4.18 how to send a message (part 2).mp4
05:27
57-4.19 how to use withtracker for real time communication.mp4
10:19
58-4.20 how to scroll automatically .mp4
04:19
59-4.21 how to use react flip move.mp4
03:53
60-4.22 find and display the last message of a chat.mp4
04:19
61-4.23 sorting chats.mp4
05:03
62-5.1 introduction.mp4
01:33
63-5.2 step 1-breaking down components.mp4
02:24
64-5.3 our fabs component.mp4
03:04
65-5.4 our fabitem component.mp4
05:04
66-5.5 render fabitem whithin fabs.mp4
05:43
67-5.6 render fabs with state.mp4
08:06
68-5.7 select a file.mp4
04:40
69-5.8 select a file (part 2).mp4
03:09
70-5.9 our modal component.mp4
08:04
71-5.10 show and hide modal component.mp4
08:05
72-5.11 display selected file whithin modal component.mp4
06:29
73-5.12 images collection.mp4
07:09
74-5.13 upload an image.mp4
05:24
75-5.14 upload an image (part 2).mp4
07:40
76-5.15 our messageimage component.mp4
07:49
77-5.16 send a picture message.mp4
10:44
78-5.17 send a picture message (part 2).mp4
07:23
79-5.18 fix the content of the last picture message.mp4
03:34
80-5.19 section summary.mp4
00:59
81-6.1 introduction.mp4
01:07
82-6.2 step 1-breaking down components.mp4
01:23
83-6.3 our otherprofile component.mp4
04:44
84-6.4 rendering the header.mp4
03:17
85-6.5 display the avatar component.mp4
03:30
86-6.6 our actu component.mp4
05:20
87-6.7 our actuitem component.mp4
06:20
88-6.8 rendering otherprofile whithin main component.mp4
09:10
89-6.9 close otherprofile component.mp4
01:59
90-6.10 adjust widths dynamically.mp4
05:34
91-6.11 having a large avatar dynamically.mp4
05:36
92-7.1 introduction.mp4
01:19
93-7.2 step 1-breaking down components.mp4
01:56
94-7.3 our leftside component.mp4
05:12
95-7.4 our lsheader component.mp4
03:11
96-7.5 display avatar component.mp4
01:03
97-7.6 our lsform component.mp4
05:36
98-7.7 showing and hiding leftside component.mp4
03:41
99-7.8 writing in input fields.mp4
03:16
100-7.9 controlled input fields.mp4
06:51
101-7.10 fix the issue.mp4
03:36
102-7.11 display overlay within avatar component .mp4
08:32
103-7.12 updating profile picture.mp4
07:54
104-7.13 updating user profile in real time.mp4
01:52
105-8.1 introduction.mp4
01:18
106-8.2 step 1-breaking down components.mp4
01:54
107-8.3 building the static version.mp4
03:24
108-8.4 our userslist component.mp4
04:05
109-8.5 our useritem component.mp4
05:19
110-8.6 group users in alphabetical order.mp4
05:55
111-8.7 group users in alphabetical order (part 2).mp4
04:17
112-8.8 rendering useritem whithin userslist.mp4
05:39
113-8.9 close userslist component.mp4
02:28
114-8.10 start a new chat.mp4
06:30
115-8.11 fixing the error.mp4
08:55
116-9.1 introduction.mp4
01:01
117-9.2 step 1-breaking down components.mp4
01:10
118-9.3 our bigoverlay component.mp4
02:19
119-9.4 build a static version of imageviewer.mp4
04:24
120-9.5 show and hide imageviewer.mp4
08:59
121-10.1 introduction.mp4
00:44
122-10.2 hour whithin messageimage component.mp4
00:56
123-10.3 display the number of unread messages.mp4
06:23
124-10.4 display the number of unread messages (part 2).mp4
06:49
125-10.5 display the number of unread messages (part 3).mp4
02:27
126-10.6 display the favicon.mp4
01:34
127-10.7 how to search for a user.mp4
06:27
128-10.8 challenge 1.mp4
00:28
129-10.9 our popup component.mp4
04:27
130-10.10 showing popup component.mp4
05:25
131-10.11 hiding popup component.mp4
02:03
132-10.12 delete a text message.mp4
09:26
133-10.13 delete a picture message.mp4
03:19
134-10.14 some other challenges .mp4
01:02
135-11.1 usestate.mp4
13:20
136-11.2 useeffect.mp4
03:17
137-12.1 how to create a styled component.mp4
11:18
138-12.2 how to use variables.mp4
01:33
139-12.3 how to create and use a theme.mp4
07:48
140-13.1 what is meteor.mp4
06:11
141-13.2 installation and creating a project.mp4
02:38
142-13.3 meteor project organisation.mp4
05:11
143-13.4 essentials to know.mp4
01:12
144-13.5 meteor templates.mp4
13:32
145-13.6 meteor packages.mp4
03:13
146-13.7 meteor sessions.mp4
05:16
147-13.8 meteor reactive programming.mp4
08:23
148-13.9 meteor collections.mp4
16:03
149-13.10 meteor publication and subscription.mp4
10:40
150-13.11 meteor security and methods.mp4
12:33
151-13.12 render a react component.mp4
06:46
152-13.13 rendering a list with react and meteor.mp4
08:08
153-13.14 inserting a document with meteor from react.mp4
08:17
154-13.15 deleting a document with meteor from react.mp4
03:48
155-13.16 updating a document with meteor from react.mp4
04:02
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 155
- duration 13:27:49
- Release Date 2024/03/08
