Learn how to create UI with Native Components instead of browser DOM Components. In this lesson, Alex introduces the View, Text, and StatusBar ReactNative components.
- [Instructor] In this next chapter, we're going to start…to look at some of the native components…commonly used in react native.…We're going to go ahead and start this chapter by…creating a new app, so I'm inside an empty start…folder inside of chapter three lesson one,…under our exercise files, and I'm going to go ahead…and create a new app by typing react native init sample app.…So I'm going to create a new app called sample app,…that's the name of the application.…And react native will build the files,…as well as download the dependencies for our sample app.…
So once this is finished, we're going to go ahead…and navigate to the sample app directory.…Cd sample app, clear, and that will clear the screen,…take us within the sample app directory.…So the next thing I'm going to do is I'm going to go ahead…and run the sample application.…React native, run ios.…And this will build our ios application,…as well as open up the iPhone six simulator,…and it will run the application in there.…
So we'll also see our react packager window pop up,…
- 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?
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.