Create a CRM Mobile Application with React Native

Learn how to develop a CRM mobile app using React Native. This course shows how to set up a project, work with Redux, add views, use CRUD operations, and more.

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.

Introduction

• Build a CRM using React Native
• What you should know

1. Project Setup and Back End

• Initialize React Native project
• Project folder structure
• Install material kit and vector icons
• Node and Express back-end setup

2. Redux and Main Views

• Get started with Redux
• React Native debugger
• Create people list view
• Code the people item view
• Finalize people item view
• Add new components
• Create tab menu

3. Complex Component

• Set up Redux for detail view
• Initial setup detail view
• Code the scroll on detail view
• Add more items in detail view
• Finalize detail view
• Test and debug

4. CRUD Operations

• Create the new add person form
• Complete functions for add person view
• Add person redux reducers
• Add person redux actions
• Finalize add person and test
• Connect list view to back end
• CRUD: Remove a client
• CRUD: Set up editing
• CRUD: Finalize redux for editing

5. Company View and Final Touches

• Code the company list query
• Create company list view
• Final touches

Conclusion

• Next steps