Create a CRM Mobile Application with React Native
2h 50mAdvanced2024-02-28
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.
Skills covered
React NativeCross-Platform DevelopmentMetaMobile DevelopmentProject
Concepts
Introduction
- CRM application with React Native
- Course prerequisites
Project Setup and Backend
- Initialize React Native project
- Project folder structure
- Explore material kit and vector icons
- Node and express backend setup
Redux and Main Views
- Get started with Redux
- React Native actions
- Create tab menu
- Tab navigation
- Create the people list view
- Code the people item view
- Add new components
Complex Component
- Setting up Redux for a detail view
- CSS details
- Coding the scroll on the detail view
- Finalize detail view
CRUD Operations
- Create a new add person form
- Functions for add person action
- Update person Redux reducer
- Update person view
- Connect your list view to backend
- Testing and debugging Redux for editing
Company View and Final Touches
- Code the company list query
- Create company item and list view
Conclusion
- Building your own CRM application with React Native