Expand our first component to build out the appearance of the side menu. In this video, learn how to render our JSX on screen to the Drawer component.
- Previously, we created a side menu class.…Now, let's add some content to that class.…Side.js, go to its render method.…Here, we're going to add a new variable called list.…So, let list,…and that's going to be an array of objects.…Each one of these objects is going…to be a menu item for our side menu.…You're going to have two pieces.…The first is going to be a title.…For this particular one, we will make Match…for our match scene,…and we'll also have an event handler called onPress.…
This is going to be an anonymous function,…and inside, we're going to use the navigator…passed in with our properties.…So we'll call this.props.navigator…and we'll call replace,…and here we're going to pass in a string…that's equal to the title of scene we want to render,…in this case, Match.…Now let's add our second menu item.…This one's title, going to be History,…and our onPress, again is going to be an anonymous function,…and we'll do the same exact thing.…
This.props.navigator.replace History.…Now the reason we're using replace here…
- 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?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.