React Native uses CSS Syntax to style Native Components. In this lesson, Alex Banks introduces the stylesheet object and shows how to create new style sheets to use with the components.
- [Instructor] In the last lesson, we created…a brand new React Native application that displayed…a couple names on the screen.…In this lesson, we're going to style those names.…So I still am right where I left off.…I have the iPhone 6 simulator running,…it has our application, it's live reloading,…I have the code from index.ios.js in front of me…inside of Atom, if I make or save changes to this file,…we should see them instantly reload inside…of the iPhone 6 simulator, that is because…we still have the React Packager running…in a terminal window here on this other screen.…
So let's go ahead and get started.…Let's add some styles to these components.…So React Native uses CSS, but it's not the same…CSS used in the browser.…React Native uses a subset of common CSS rules…as an abstraction for layout and appearance.…What that means is you can style native elements…using CSS syntax, but then React Native uses…your CSS syntax to layout and style the components…in their native language.…It's not actual CSS.…Let me show you what I'm talking about.…
- 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.