Other
Create a React Native WhatsApp Clone Mobile App - Guide
Torrent info
Torrent Files List
[TutsNode.net] - Create a React Native WhatsApp Clone Mobile App - Guide (Size: 12.76 GB) (Files: 867)
[TutsNode.net] - Create a React Native WhatsApp Clone Mobile App - Guide
9. Settings page
17. Uploading images using Firebase Storage.mp4
10.1 userImage.jpeg
13. Requesting permission to access the user's images.mp4
3. Adding the input fields.mp4
6. Updating the user in the database.mp4
16. Getting the image blob data.mp4
9. Hiding the submit button when there are no changes.mp4
8. Updating the state with the new data.mp4
18. Saving the uploaded image to the user's database data.mp4
15. Updating the page to show the new image.mp4
20. Image upload loading spinner.mp4
12. Adding an 'edit' icon.mp4
4. Setting the initial values of the input fields.mp4
14. Opening the image picker.mp4
10. Outputting the default user profile image.mp4
7. Logout button.mp4
5. Adding the save button.mp4
1. Adding a custom page title element.mp4
19. Updating the state data with the new profile picture.mp4
11. Styling the user image.mp4
2. Fixing the margin of the settings page.mp4
20.1 whatsApp-imageLoadingIndicator.zip
19.1 whatsApp-updatingUserStateData.zip
18.1 whatsApp-savingUploadedImages.zip
17.1 whatsApp-uploadingImages.zip
15.1 whatsApp-showingNewImage.zip
13.1 whatsApp-requestingPermissions.zip
16.1 whatsApp-imageBlob.zip
14.1 whatsApp-openingImagePicker.zip
12.1 whatsApp-editIcon.zip
11.1 whatsApp-userImageStyle.zip
10.2 whatsApp-outputtingUserImage.zip
8.1 whatsApp-updateSettingsState.zip
9.1 whatsApp-hidingSubmitWhenNoChanges.zip
7.1 whatsApp-logout.zip
6.1 whatsApp-settingsSaveNewData.zip
5.1 whatsApp-settingsSubmitButton.zip
4.1 whatsApp-inputInitialValues.zip
3.1 whatsApp-settingsInput.zip
2.1 whatsApp-settingsPageSpacing.zip
1.1 whatsApp-pageTitle.zip
3. Fonts and splashscreens
3.1 SplashScreen.png
3.2 SplashScreen.psd
2. Showing a splash screen while loading.mp4
4. Setting custom fonts.mp4
1. Picking a custom font.mp4
3. Adding a custom splash screen.mp4
4.1 whatsApp-fonts.zip
3.3 whatsApp-customSplashScreen.zip
2.1 whatsApp-expoSplashScreen.zip
1.1 whatsApp-addingFonts.zip
1. Introduction
2. How to ask questions.html
5.1 whatsApp-projectOverview.zip
4. Creating our project!.mp4
9. Running the app on an Android emulator.mp4
5. A quick rundown of the project structure.mp4
10. Running the app on an iOS emulator.mp4
3. What is Expo.mp4
6. Where do I find the source code.mp4
1. Intro video (from course landing page).mp4
8. Running the app on a real device.mp4
7. Some useful VS Code extensions.mp4
5. Chat screen UI
2.1 droplet.jpeg
4. Buttons with icons.mp4
9. Fixing the textbox being hidden behind the keyboard.mp4
5. Styling the textbox and buttons.mp4
6. Showing a send button as the user types.mp4
3. Handling the chat safe area.mp4
2. Setting the background image.mp4
7. Styling the send button.mp4
1. Creating the chat screen.mp4
8. Handing a message being submitted.mp4
9.1 whatsApp-keyboardAvoidingView.zip
8.1 whatsApp-sendMessage.zip
7.1 whatsApp-sendButtonStyle.zip
6.1 whatsApp-showingSendButton.zip
3.1 whatsApp-chatPageSafeArea.zip
5.1 whatsApp-inputStyles.zip
4.1 whatsApp-buttonIcons.zip
2.2 whatsApp-backgroundImage.zip
1.1 whatsApp-chatScreen.zip
11. Creating a new chat
6. Creating the chat when a message is sent.mp4
2. Storing found users in the state.mp4
1. Selecting the user we want to chat with.mp4
5. Styling the new chat message bubble.mp4
3. Getting the user data from the stored users.mp4
4. Showing a message when it's a new chat.mp4
6.1 whatsApp-creatingChats.zip
5.1 whatsApp-stylingBubble.zip
4.1 whatsApp-newChatBubble.zip
3.1 whatsApp-retrievingStoredUsers.zip
2.1 whatsApp-savingStoredUsers.zip
1.1 whatsApp-navigatingToChatScreen.zip
2. React Native basics - quick overview
3.1 whatsApp-safeArea.zip
6.1 whatsApp-useCallback.zip
2.1 whatsApp-buttonBasics.zip
5.1 whatsApp-useEffect.zip
4.1 whatsApp-useState.zip
1.1 whatsApp-styleBasics.zip
4. Hooks - useState.mp4
6. Hooks - useCallback.mp4
5. Hooks useEffect.mp4
3. SafeArea.mp4
1. Styling elements.mp4
2. Buttons.mp4
15. Message context menu (additional message actions)
2. Opening the context menu on long press.mp4
4. Customising the menu item components.mp4
1. Reacting to long presses on the messages.mp4
3. Copy to clipboard menu option.mp4
4.1 whatsApp-customMenuItems.zip
3.1 whatsApp-copyToClipboard.zip
1.1 whatsApp-longPress.zip
2.1 whatsApp-openingMenu.zip
8. Creating the user's account (signing up)
8. Sending user data to the database.mp4
11. Saving auth info to the state.mp4
20. Signing in.mp4
2. Creating our Firebase project.mp4
1. Getting the form values.mp4
23. Logout timer.mp4
4. Authenticating a user with Firebase.mp4
18. Auto logging in if a token exists.mp4
16. Handling when storage is empty.mp4
15. Creating the start up screen.mp4
14. Saving sign in data to storage.mp4
5. Handing 'email already in use' errors.mp4
6. Displaying errors.mp4
21. Handling sign in errors.mp4
9. Using Redux toolkit to manage app state.mp4
10. Configuring out auth slice.mp4
17. Handling an expired token.mp4
7. Adding a loading spinner.mp4
3. Firebase helper file.mp4
25. 'test mode' for quick sign in.mp4
12. Accessing data from the state.mp4
19. Clearing the storage - forcing the log out.mp4
24. Loading spinner for the sign in form.mp4
13. Going to the main page when they sign up.mp4
22. Fixing error Can't perform a React state update on an unmounted component.mp4
25.1 whatsApp-signInTestMode.zip
24.1 whatsApp-signInLoadingSpinner.zip
23.1 whatsApp-logoutTimer.zip
22.1 whatsApp-errorFix.zip
21.1 whatsApp-signInErrors.zip
20.1 whatsApp-signingIn.zip
18.1 whatsApp-autoLogIn.zip
17.1 whatsApp-handlingExpiredTokens.zip
19.1 whatsApp-manuallyClearingStorage.zip
16.1 whatsApp-handlingNoStorage.zip
15.1 whatsApp-startUpScreen.zip
14.1 whatsApp-savingSignInData.zip
13.1 whatsApp-showingMainNavigator.zip
11.1 whatsApp-dispatchingActions.zip
12.1 whatsApp-accessingState.zip
10.1 whatsApp-authSlice.zip
9.1 whatsApp-installingReduxToolkit.zip
8.1 whatsApp-creatingUsers.zip
4.1 whatsApp-creatingUserInFirebase.zip
7.1 whatsApp-loadingSpinner.zip
6.1 whatsApp-handlingErrors.zip
5.1 whatsApp-emailInUse.zip
3.1 whatsApp-firebaseHelper.zip
2.1 whatsApp-firebase.zip
1.1 whatsApp-inputValues.zip
18. Sending image messages
3. Uploading chat images.mp4
2. Showing the popup image confirmation.mp4
4. Sending the image message.mp4
7. Sending pictures from your camera.mp4
5. Outputting uploaded images.mp4
8. Scrolling the chat to the bottom on new message.mp4
1. Opening the image picker.mp4
6. Bug fix Creating a new chat by sending a message.mp4
8.1 whatsApp-scrollingToBottom.zip
7.1 whatsApp-uploadingFromCamera.zip
6.1 whatsApp-fixNewChatImage.zip
5.1 whatsApp-outputtingImage.zip
4.1 whatsApp-sendingImageMessage.zip
3.1 whatsApp-uploadChatImages.zip
2.1 whatsApp-awesomeAlert.zip
1.1 whatsApp-openingTheImagePicker.zip
6. Sign up screen
10. Switching between sign up and sign in forms.mp4
4. Adding an icon to the input.mp4
8. Creating a custom submit button.mp4
2. Adding a page container component.mp4
7. Displaying error text.mp4
3. Creating a custom input component.mp4
11. Setting the form image.mp4
12. Prevent keyboard from hiding the form.mp4
1. Creating the sign up screen.mp4
9. Submit button title, onPress and remaining style.mp4
6. Styling the textbox.mp4
5. Styling the label.mp4
11.1 whatsApp-formImage.zip
12.1 whatsApp-signUpKeyboardAvoidingView.zip
9.1 whatsApp-buttonTitle.zip
10.1 whatsApp-switchingForms.zip
7.1 whatsApp-errorText.zip
8.1 whatsApp-submitButton.zip
6.1 whatsApp-inputStyle.zip
5.1 whatsApp-labelStyle.zip
2.1 whatsApp-pageContainer.zip
4.1 whatsApp-inputIcon.zip
1.1 whatsApp-authScreen.zip
3.1 whatsApp-customInput.zip
4. Adding the navigation system
8. Displaying icons on our bottom tabs.mp4
6. Adding bottom tabs.mp4
2. Creating the stack navigator.mp4
1. Installing React Navigation.mp4
10. Separating the 'logged in' navigator.mp4
9. Separating our navigator into its own file.mp4
5. Configuring the navigation options.mp4
4. Navigating to a screen on button press.mp4
7. Configuring the titles of our navigators.mp4
3. Fixing the screen display.mp4
9.1 whatsApp-appNavigator.zip
8.1 whatsApp-icons.zip
10.1 whatsApp-mainNavigator.zip
7.1 whatsApp-navigatorTitles.zip
6.1 whatsApp-bottomTabs.zip
4.1 whatsApp-navigatingToScreen.zip
5.1 whatsApp-navigationOptions.zip
2.1 whatsApp-stackNavigator.zip
3.1 whatsApp-screenFix.zip
1.1 whatsApp-reactNavigation.zip
22. Removing users from chats
7. Leaving chats.mp4
4. Removing the chat from the user's chat list.mp4
5. Sending info message 'User A removed User B from the chat'.mp4
6. Styling the info messages.mp4
3. Removing the user from the chat in the database.mp4
2. Showing a loading spinner while a user is bring removed.mp4
1. Showing the remove from chat button.mp4
8.1 whatsApp-removeFromChatBugFix.zip
7.1 whatsApp-leaveChat.zip
6.1 whatsApp-styleInfoMessage.zip
5.1 whatsApp-sendingInfoMessage.zip
3.1 whatsApp-removeUserDatabase.zip
4.1 whatsApp-removeUserChat.zip
2.1 whatsApp-removeUserBehaviour.zip
1.1 whatsApp-removeFromChatButton.zip
8. Bug fix Prevent remove from chat button showing when not in group chat.mp4
26. Sending push notifications
1. Configuring the app for push notifications.mp4
3. Storing the device push tokens on sign in.mp4
6. Sending push notifications when a message is sent.mp4
4. Removing push tokens on logout.mp4
8. Handing the notification click event.mp4
2. Sending test push notifications.mp4
7. Sending push notifications when an image is sent.mp4
5. Bug fix Can't logout when auth token has expired.mp4
8.1 whatsApp-notificationClickHandler.zip
7.1 whatsApp-sendingPushNotificationsForImages.zip
6.1 whatsApp-sendingPushNotificationsForMessages.zip
3.1 whatsApp-storingPushTokens.zip
4.1 whatsApp-removingPushTokens.zip
1.1 whatsApp-configuringPushNotifications.zip
10. Searching for users to chat with
2. Opening the new chat page.mp4
6. Searching for users.mp4
1. Adding the 'create chat' header button.mp4
10. Styling the search results.mp4
5. Searching after the user stops typing.mp4
7. Outputting search results.mp4
4. Showing a message when no results were found.mp4
9. Creating our search result component.mp4
11. Hiding the profile image edit button.mp4
3. Creating our user search box.mp4
8. Adding fake users.mp4
10.1 whatsApp-stylingDataItem.zip
11.1 whatsApp-hidingEditButton.zip
6.1 whatsApp-searchingUsers.zip
9.1 whatsApp-dataItem.zip
5.1 whatsApp-searchTimer.zip
7.1 whatsApp-outputtingData.zip
4.1 whatsApp-noResultsFound.zip
3.1 whatsApp-creatingSearchBox.zip
2.1 whatsApp-openingNewChatPage.zip
1.1 whatsApp-headerButton.zip
16. Starring messages
1. Calling the star message function.mp4
7. Outputting the date next to the message.mp4
5. Updating the menu option for star and unstar.mp4
4. Setting the initial starred messages state.mp4
3. Adding and removing starred messages in the app state.mp4
2. Adding starred messages to the database.mp4
6. Showing a star icon next to the message.mp4
7.1 whatsApp-outputMessageDate.zip
5.1 whatsApp-updatingStarredMessageUI.zip
4.1 whatsApp-settingInitialStarredMessages.zip
2.1 whatsApp-starMessagesDatabase.zip
3.1 whatsApp-starredMessagesState.zip
1.1 whatsApp-starMessages.zip
21. Chat settings page
2. Changing the group chat image.mp4
4. Creating the form handler for updating the chat name.mp4
5. Updating the chat name.mp4
7. Creating a section for displaying the chat users.mp4
8. Outputting chat users.mp4
1. Navigating to the chat settings page.mp4
6. Showing a success message when the name is updated.mp4
3. Using the chat image elsewhere.mp4
7.1 whatsApp-chatUsersSection.zip
6.1 whatsApp-chatNameSuccessMessage.zip
4.1 whatsApp-chatNameFormHandler.zip
3.1 whatsApp-usingChatImages.zip
5.1 whatsApp-updatingChatName.zip
2.1 whatsApp-uploadingChatImages.zip
1.1 whatsApp-chatSettingsPage.zip
12. Retrieving chats
7. Setting the stored users on login.mp4
1. Getting the user chats when the app starts.mp4
4. Saving the chat data to state.mp4
8. Outputting the user data.mp4
6. Iterating the chat list.mp4
2. Unsubscribing the firebase listeners.mp4
9. Navigating to the chats on press.mp4
3. Getting the data for each of the user's chats.mp4
5. Showing a loading spinner while we load the chats.mp4
9.1 whatsApp-navigatingToChats.zip
8.1 whatsApp-outputtingChatData.zip
7.1 whatsApp-setStoredUsers.zip
6.1 whatsApp-chatListFlatList.zip
5.1 whatsApp-loadingSpinnerGetChats.zip
4.1 whatsApp-savingChatDataToState.zip
3.1 whatsApp-retrievingChatData.zip
2.1 whatsApp-unsubscribingListeners.zip
1.1 whatsApp-getChatsOnLogin.zip
13. Sending messages
3. Adding messages to app state when the app loads.mp4
1. Sending text based messages.mp4
4. Displaying the latest message text underneath the chat.mp4
2. Updating chat data when message is sent.mp4
4.1 whatsApp-latestMessageText.zip
3.1 whatsApp-messagesSlice.zip
1.1 whatsApp-sendMessages.zip
2.1 whatsApp-updatingChat.zip
7. Form validation
9. Managing form state with useReducer.mp4
3. First name and last name validation.mp4
1. Handling text changed.mp4
8. Validating the sign in form values.mp4
11. Evaluating the whole sign in form validity.mp4
10. Evaluating the whole form's validity.mp4
2. Validation demo.mp4
6. Validating emails and passwords.mp4
4. Refactoring the validation functionality.mp4
12. Displaying the error messages.mp4
7. Improving our textboxes.mp4
5. Improving the return value.mp4
11.1 whatsApp-evaluatingSignInForm.zip
12.1 whatsApp-showingErrorMessages.zip
10.1 whatsApp-evaluatingFormValidity.zip
7.1 whatsApp-textboxImprovements.zip
9.1 whatsApp-useReducer.zip
8.1 whatsApp-signInValidation.zip
6.1 whatsApp-remainingValidation.zip
5.1 whatsApp-improvingReturnValue.zip
4.1 whatsApp-refactoringValidation.zip
3.1 whatsApp-stringValidation.zip
2.1 whatsApp-validationDemo.zip
1.1 whatsApp-handlingTextChanged.zip
14. Outputting chat messages
1. Showing an error message when messages fail to send.mp4
3. Styling message that we sent.mp4
2. Only retrieving messages for the chat we're looking at.mp4
4. Styling the messages sent by others.mp4
3.1 whatsApp-stylingOurMessages.zip
4.1 whatsApp-stylingTheirMessages.zip
2.1 whatsApp-getMessagesForChat.zip
1.1 whatsApp-errorBubble.zip
19. Creating group chats
6. Outputting the selected users.mp4
10. Handing the 'create' button press.mp4
4. Creating the user checkboxes.mp4
8. Styling the selected users list items.mp4
5. Selecting users for our group chat.mp4
2. Creating the chat name textbox.mp4
13. Some small UI updates when it's a group chat.mp4
14. Outputting the sender name when it's a group chat.mp4
3. Adding the 'create' button.mp4
11. Opening an existing chat if one with that user exists.mp4
12. [Bug fix] Fixing space at bottom of screen when on a new chat.mp4
9. Scrolling the selected users list to the end.mp4
1. Creating a 'new group' button.mp4
7. Removing a selected user when pressed.mp4
12.1 whatsApp-fixKeyboardAvoidingView.zip
14.1 whatsApp-senderName.zip
10.1 whatsApp-creatingGroupChat.zip
11.1 whatsApp-openingExistingChat.zip
9.1 whatsApp-scrollListToEnd.zip
6.1 whatsApp-outputSelectedUsers.zip
7.1 whatsApp-removeSelectedUser.zip
5.1 whatsApp-selectedUsers.zip
4.1 whatsApp-dataItemCheckbox.zip
3.1 whatsApp-createChatButton.zip
1.1 whatsApp-newGroupButton.zip
2.1 whatsApp-chatNameTextbox.zip
20. Chat user settings page
3. Showing the contact's name and profile image.mp4
4. Getting the common chats.mp4
1. Creating the chat settings button.mp4
5. Outputting the common chats.mp4
2. Creating the contact screen.mp4
6. Navigating to the common chats when clicked.mp4
5.1 whatsApp-outputtingCommonChats.zip
6.1 whatsApp-commonChatsOnPress.zip
4.1 whatsApp-commonChats.zip
3.1 whatsApp-displayingContactDetails.zip
2.1 whatsApp-contactScreen.zip
1.1 whatsApp-settingsButton.zip
24. Adding new users to a chat
6. Sending a confirmation message when a user has been added.mp4
4. Adding the chat to the user's chat list.mp4
1. Excluding existing participants from search results.mp4
2. Updating the UI if we're adding users to an existing chat.mp4
3. Passing the selected users to the previous screen.mp4
5. Saving new users in the chat data.mp4
6.1 whatsApp-addUsersConfirmationMessage.zip
5.1 whatsApp-updatingChatDataWithNewUsers.zip
4.1 whatsApp-addToUsersChatList.zip
3.1 whatsApp-selectedUsersList.zip
1.1 whatsApp-hideExistingUsers.zip
2.1 whatsApp-isNewChat.zip
17. Replying to messages
6. Showing the message we're replying to.mp4
1. Selecting a message to reply to.mp4
2. Creating our reply component.mp4
7. Finishing touches to the replies.mp4
5. Sending the reply to the database.mp4
3. Styling the reply section.mp4
4. Cancelling the reply.mp4
7.1 whatsApp-replyFinishingTouches.zip
6.1 whatsApp-displayingReply.zip
5.1 whatsApp-sendingReplyToDatabase.zip
4.1 whatsApp-cancelReply.zip
3.1 whatsApp-replyToStyle.zip
2.1 whatsApp-replyToComponent.zip
1.1 whatsApp-setReplyTo.zip
25. Viewing starred messages
2. Outputting the starred messages.mp4
3. Showing starred messages on the settings page.mp4
1. Showing the button to view start messages.mp4
3.1 whatsApp-settingsStarredMessages.zip
2.1 whatsApp-viewStarredMessages.zip
23. Viewing all chat users on a separate page
4. Outputting all the users of the chat.mp4
1. Adding the view all users button.mp4
5. Data list item on press.mp4
3. Setting the title of the data list screen.mp4
2. Navigating to the data list screen.mp4
5.1 whatsApp-dataListNavigation.zip
4.1 whatsApp-outputAllUsers.zip
3.1 whatsApp-settingDataListScreenTitle.zip
2.1 whatsApp-navigatingToDataListScreen.zip
1.1 whatsApp-viewUsersButton.zip
TutsNode.net.txt
[TGx]Downloaded from torrentgalaxy.to .txt
.pad
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
Torrent description
Feel free to post any comments about this torrent, including links to Subtitle, samples, screenshots, or any other relevant information, Watch Create a React Native WhatsApp Clone Mobile App - Guide Online Free Full Movies Like 123Movies, Putlockers, Fmovies, Netflix or Download Direct via Magnet Link in Torrent Details.
