Get started building a new React Native application, the color list. In this lesson, students create a component that responds to touches via the onPress property of the Text component.
- [Narrator] In the next couple of chapters,…we're going to explore more React Native components…by building a small interactive application.…This application's going to be called the color list,…and it's going to allow the user to add colors and view colors.…In this lesson, we're going to start by setting…a background color and allowing the user to change it.…So, so far all I've done is created a new application…by running React Native in it.…I ran this inside of our exercise files,…chapter four lesson one, inside of the start folder,…and I named the application color list.…Right now I have Atom open to the color list folder.…
So here are the files that React Native emit created for me.…I also started the application inside the iPhone 6 simulator…using React Native Run iOS.…So here we can see the native boiler plate application…that you get when you initialize a new application.…So I'm going to come over to the simulator…and open up the debug menu by hitting…command D and enabling live reload.…Now as I make changes to the code files within Atom…
- 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
Q: This course was updated on 08/21/2017. What changed?
A: New videos were added that cover Android setup and running the Android emulator. In addition, the following topics were updated: building color info component, fetching data, and incorporating a WebView.
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.