From React to React Native
1h 9mAdvanced2021-10-22
Authors

Emmanuel Henri
Executive with 20+ years of experience in programming and design
Course details
You've created an application for the web in React, and it works great! But now your boss wants a native app. How do you make the switch? In this course, Emmanuel Henri, an executive with 20+ years of experience in programming and design, shows you how to convert web views into the React Native views and leverage state management, then covers logic and certain styles, backend considerations, and necessary final steps to complete a React Native project. Emmanuel introduces you to the React base project that you will convert into a React Native application in this course. He steps through how to convert the views, then does the same for converting the styles. He explores the tools you can use to debug and view the performance of your app. Then he recommends some additional resources and offers ideas on how to make more use of the React Native project.
Skills covered
React NativeCross-Platform DevelopmentMetaMobile DevelopmentOne-Off
Concepts
0. Introduction
- 01 - From React to React Native
- 02 - Course prerequisites
1. Overview of This Course
- 03 - Introduction to the React project
- 04 - Initiate a React Native project
- 05 - Overview of the React web code
- 06 - Overview of the React Native structure
2. Conversion of Views
- 07 - Initial setup of extra libraries
- 08 - Create a FlatList component
- 09 - Create the action and button link
- 10 - Challenge - Add new element in the listing
- 11 - Solution - Add new element in the listing
3. Conversion of Styles
- 12 - Options for styling
- 13 - Add a bar and update card listing
- 14 - Finalize the styles
4. Debugging in React Native
- 15 - Debug options
Conclusion
- 16 - Next steps