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

0. Introduction

01 - CRM application with React Native
02 - Course prerequisites

1. Project Setup and Backend

03 - Initialize React Native project
04 - Project folder structure
05 - Explore material kit and vector icons
06 - Node and express backend setup

2. Redux and Main Views

07 - Get started with Redux
08 - React Native actions
09 - Create tab menu
10 - Tab navigation
11 - Create the people list view
12 - Code the people item view
13 - Add new components

3. Complex Component

14 - Setting up Redux for a detail view
15 - CSS details
16 - Coding the scroll on the detail view
17 - Finalize detail view

4. CRUD Operations

18 - Create a new add person form
19 - Functions for add person action
20 - Update person Redux reducer
21 - Update person view
22 - Connect your list view to backend
23 - Testing and debugging Redux for editing

5. Company View and Final Touches

24 - Code the company list query
25 - Create company item and list view

Conclusion

26 - Building your own CRM application with React Native