Continue to work on the color list app by creating a reusable color button component that they use to create buttons for many different colors. Alex Banks introduces the ScrollView that allows users to scroll to see more content.
- [Narrator] In the last lesson, we created…this nice-looking button…with the touchable highlight component.…Now, we can reuse this code in a react component,…and it will give us the ability to create…as many buttons as we want.…That's one of the benefits of using React.…We already know how to compose components,…so we can take code like we've created in the last lesson,…and make it reusable.…Now, I still have the application running…inside of the iPhone 6 simulator.…we're still live reloading.…I also have Atom open to our application files,…and I'm actually looking at the index.ios.js file…that we edited in the last lesson.…
We're going to take this whole touchable highlight,…and make a reusable component…called the ColorButton that we can use.…So, I'm going to go ahead and copy this syntax…by hitting "command C" and placing it on the clipboard,…and then, by hitting "command \" I'm going to open up my files…inside of Atom, and I'm going to go ahead and add a…new folder to the color list.…I'm going to go ahead and add a components folder,…
- How React Native works
- Running an iOS app
- Debugging an app
- Working with components
- Creating style sheets
- Preparing a color list and color info
- Using the navigator
- Fetching data
Skill Level Intermediate
Building a Polling App with Socket IO and React.jswith Alex Banks3h 56m Intermediate
React Native Ecosystem and Workflowwith Emmanuel Henri1h 3m Intermediate
React Native: Building Mobile Appswith Steven Emmerich1h 59m Intermediate
1. What Is React Native?
2. Getting Started
3. Native Components
4. Working with Views
5. Platform APIs
Next steps1m 22s
- 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.