In this video, Emmanuel Henri adds the final code required to leverage the state for adding new contacts to our firebase database.
- [Tutor] Now the final piece of the puzzle, … and let's save this one before we actually move on … to the app Person, is to add the actual function. … So, if we go back up to the top here, … we have an onAddPress function. … Once we click on the ADD button … we are actually using that function. … So let's go ahead and do onPress equals … to this dot addPress, … onAddPress dot bind this, … so we can pass the data. … So we're binding the data that we're passing … to the onAddPress like so. … Okay, so let's save this and let's minimize our screen here … to make sure we can test at the same time. … Let's go back to our terminal, so click on View, Terminal … and because I want to make sure … that I'm starting from scratch, … let's close the terminal that we have in here, like so, … and let's start from scratch here. … So, react-native run-android. … So we're going to get a brand new … completely refresh app in our screen here. … So we can start from clean and if there's any issues … or errors that we may prevent from doing a refresh, …
Author
Released
3/12/2019- Initializing React Native projects
- Installing material kit and vector icons
- Setting up Redux
- Creating a list view, a detail view, and a menu
- Adding new components
- Using the React Native debugger
- Coding the scroll on detail view
Skill Level Advanced
Duration
Views
Related Courses
-
React Native Ecosystem and Workflow
with Emmanuel Henri1h 3m Intermediate -
React Native Essential Training
with Samer Buna4h 11m Intermediate -
Learning React Native
with Alex Banks2h 53m Intermediate
-
Introduction
-
1. Project Setup and Back End
-
Project folder structure3m 11s
-
2. Redux and Main Views
-
Get started with Redux8m 20s
-
React Native debugger4m 59s
-
Create people list view7m 1s
-
Code the people item view7m 20s
-
Finalize people item view7m 31s
-
Add new components5m 11s
-
Create tab menu8m 25s
-
-
3. Complex Component
-
Set up Redux for detail view5m 23s
-
Initial setup detail view4m 25s
-
Finalize detail view7m 2s
-
Test and debug7m 50s
-
-
4. CRUD Operations
-
Add person redux reducers4m 38s
-
Add person redux actions8m 34s
-
Finalize add person and test3m 22s
-
CRUD: Remove a client7m 48s
-
CRUD: Set up editing9m 1s
-
5. Company View and Final Touches
-
Code the company list query7m 55s
-
Create company list view7m 38s
-
Final touches9m 39s
-
-
Conclusion
-
Next steps1m 6s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Finalize add person and test