Create a CRM Mobile Application with React Native (2019)
3h 14mAdvanced2019-03-12
Authors
Emmanuel Henri
Executive with 20+ years of experience in programming and design
Course details
React Native lets web developers apply their skills to native apps for iOS and Android. In this course, Emmanuel Henri shows how to take a design spec created in a previous course—Prototype a CRM Mobile App with Framer—and convert it into a real CRM application, with a clean interface, smooth performance, and natural cross-platform adaptability. Learn how to set up a project, establish a strong folder structure, work with Redux, add several views, use CRUD operations, and more. Upon wrapping up this course, you'll have a solid understanding of how to work with this framework to build polished mobile apps.
Learning objectives
Initializing React Native projects
Installing material kit and vector icons
Setting up Redux
Creating a list view, a detail view, and a menu
Adding new components
Using the React Native debugger
Coding the scroll on detail view
Learning objectives
Initializing React Native projects
Installing material kit and vector icons
Setting up Redux
Creating a list view, a detail view, and a menu
Adding new components
Using the React Native debugger
Coding the scroll on detail view
Skills covered
React NativeCRM SoftwareCross-Platform DevelopmentMetaMobile DevelopmentCustomer ServiceSalesProjectBusiness Software and Tools
Concepts
0. Introduction
- 01 - Build a CRM using React Native
- 02 - What you should know
1. Project Setup and Back End
- 03 - Initialize React Native project
- 04 - Project folder structure
- 05 - Install material kit and vector icons
- 06 - Node and Express back-end setup
2. Redux and Main Views
- 07 - Get started with Redux
- 08 - React Native debugger
- 09 - Create people list view
- 10 - Code the people item view
- 11 - Finalize people item view
- 12 - Add new components
- 13 - Create tab menu
3. Complex Component
- 14 - Set up Redux for detail view
- 15 - Initial setup detail view
- 16 - Code the scroll on detail view
- 17 - Add more items in detail view
- 18 - Finalize detail view
- 19 - Test and debug
4. CRUD Operations
- 20 - Create the new add person form
- 21 - Complete functions for add person view
- 22 - Add person redux reducers
- 23 - Add person redux actions
- 24 - Finalize add person and test
- 25 - Connect list view to back end
- 26 - CRUD - Remove a client
- 27 - CRUD - Set up editing
- 28 - CRUD - Finalize redux for editing
5. Company View and Final Touches
- 29 - Code the company list query
- 30 - Create company list view
- 31 - Final touches
Conclusion
- 32 - Next steps