build a scene to hold the login component for user authentication. In this video, learn how to use the login component in a new scene to login users in to the application.
- [Instructor] Previously, we created…the login component which handles input…and login communication.…Now we're going to build a scene…where that will be used.…First we need to install React Native vector icons.…So we'll do that by using npm install --save…react-native-vector-icons, hit enter.…We'll wait for that to finish installing.…Now that's done, we're going to run another command…called react-native link, what this command will do…is link our new vector icons into our native code.…
There we go, now it should be linked up.…Let's clear the screen and we'll go back to our code editor.…Here we're going to start by opening up components,…sideMenu and we're going to copy…everything down to line 16.…Now we'll go to scenes and create a new file,…and we'll call it loginScene.js.…And we'll paste our newly copied code.…First thing, let's remove some unwanted imports…for example Header, we don't need that.…Text, List, and ListItem we will not need,…same with Button.…
Clean that up a little.…Now let's import some new things.…
- Setting up your project and Firebase account
- Creating the app container
- Setting up basic navigation
- Creating a splash screen
- Creating a login screen
- Creating a match feature
- Creating a post feature
Skill Level Intermediate
Building an App with React.js and MeteorJSwith Emmanuel Henri4h 20m Intermediate
Building a Web Interface with React.jswith Ray Villalobos1h 21m Intermediate
1. Getting Set Up
2. Building an App
3. Create a Login Screen
4. Create a Match Feature
5. Create a Post Feature
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take 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.