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
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.