Build a React Native Application

Editing the React Native Component to Display Data on the UI

Autoplay

Up next

Extracting and Writing React Native Components

Previous

Installing React Native and Creating Your First React Native App

About

React Native apps are composed of multiple components. Components all contain a render method, which will be automatically called by React, which defines how that component will show up on the screen.

You will learn how to use JSX to define a component's visual appearance, and how to refresh the simulator to show your new content.

Summary of Content:

Overview of built in React Native components
How to define and use the render method
What JSX is, and how to use it
How to refresh the iOS and Android simulators without a full re-build

Instructor

Links

Comments

There are no comments on this lesson, start the conversation below ...

>

Log In or Go Pro

Lessons in Build a React Native Application

1. Installing React Native and Creating Your First React Native App

2. Editing the React Native Component to Display Data on the UI

3. Extracting and Writing React Native Components

4. Debugging Errors in React Native

5. Reuse Components with Props in React Native

6. Make React Native Components Dynamic with State

7. Dynamically Rendering Components in React Native

8. Rendering Lists in React Native with ScrollView and FlatList

9. Styling React Native Components

10. Layout Components in React Native with Flexbox

11. Installing and Using Third Party React Native Libraries

12. React Native Routing and Navigation with the React Navigation Library

13. Reacting to Input Events with React Native Controlled Components

14. Setting State in React Native with setState

15. Exploring Lifecycle Methods in React Native

16. Consuming a Node.js HTTP API in React Native

17. Displaying Images and Icons in React Native

18. Deleting a ToDo Item from a React Native List

19. Refactoring Network Code into a React Native Shared Library

20. Platform Specific React Native Code and Styles

21. Filtering Data with a React Native Segment Component

22. Deploying a React Native Application to a iOS or Android Device

23. Building a React Native Android APK for Google Play

24. Building a React Native iOS IPA file for the App Store