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.