Course Overview
React Native Mastery: Build Real Apps with Expo & CLI
Are you ready to become a React Native developer? This comprehensive course will take you from beginner to advanced, covering everything you need to build real-world mobile applications using React Native.
What You’ll Learn:
Localization: Make your app multilingual and accessible.
Expo & React Native CLI: Understand both development approaches.
Layout & Styling: Build stunning, responsive UIs.
Networking with Axios: Fetch and manage API data efficiently.
Bottom Tabs & Navigation: Implement seamless app navigation.
Firebase Integration: Authentication, Firestore, and real-time data.
Redux & Redux Toolkit: Manage global state like a pro.
Integrate AI agents such as ChatGPT into your application.
Learn how to build beautiful animations with React Native.
Hands-On Projects:
You'll build multiple real-world applications, including:
Book Store App – Manage books, categories, and user interactions.
E-commerce App – Full-featured online shopping experience.
AI-Chat App – Chat bot like chatGPT.
Extra:
This course includes an extra JavaScript crash course to ensure you can learn without any obstacles..
No previous programming experience is needed to take this course. Whether you're a complete beginner or looking to enhance your mobile development skills, this course will guide you every step of the way.
By the end of this course, you'll have the skills and confidence to build and deploy fully functional React Native apps.
So if you want to land your first job, Enroll now and start your journey as a React Native developer!
FAQ
FAQ area empty
Course curriculum
-
Course prerequisites
Xem trước -
What is React Native
Xem trước -
Introduction to Expo Snack
Xem trước -
Set up environment
Xem trước -
Create Your First App
Xem trước -
Run App on Real Device
Xem trước -
IOS Simulator (MacOS)
Xem trước -
Android Emulator (MacOS)
Xem trước -
Setup Environment Windows
Xem trước
-
Logging
Xem trước -
Comments
Xem trước -
Data Types
Xem trước -
Variables Rules
Xem trước -
Var let const
Xem trước -
Statements
Xem trước -
Arithmetic Operators
Xem trước -
Strings
Xem trước -
String Templates
Xem trước -
String Methods
Xem trước -
Objects
Xem trước -
Arrays
Xem trước -
Boolean
Xem trước -
Comparison
Xem trước -
Logical Operator
Xem trước -
If else
Xem trước -
Functions
Xem trước -
About this JS course
-
Explain Init Code
Xem trước -
SafeAreaView
Xem trước -
Text
Xem trước -
StyleSheet
Xem trước -
Images
Xem trước -
Buttons & Pressable & Touchable
Xem trước -
ScrollView
Xem trước -
Platfrom
Xem trước -
Loaders
Xem trước -
Views
Xem trước -
Margin & Padding
Xem trước -
Flex
Xem trước -
Flex-direction
Xem trước -
FlexWrap
Xem trước -
Positions
Xem trước -
Dimensions
Xem trước -
Responsive UI
Xem trước -
UseState Hook
Xem trước -
Modal
Xem trước -
Expo Icons
Xem trước -
ImageBackground
Xem trước -
TextInput
Xem trước -
Create React Component
Xem trước
-
UI Mastring Introduction
Xem trước -
Figma Design
Xem trước -
PNG vs SVG
Xem trước -
Intro Screen
Xem trước -
User Avatar
Xem trước -
Header Component
Xem trước -
Social Section
Xem trước -
Social Container
Xem trước -
Finish Contact Us Screen
Xem trước -
Home Screen Header
Xem trước -
Top Tabs
Xem trước -
Card Component with Dark Overlay
Xem trước -
FlatList with 2 Rows
Xem trước -
FlatList with Props
Xem trước -
Payment Screen Header
Xem trước -
Payment Method
Xem trước -
Payment Method Selected
Xem trước -
Payment List
Xem trước -
Bank Card Box
Xem trước -
Add Button
Xem trước -
Adding Animations
Xem trước -
Task Time
Xem trước -
Source Code in This Section
-
Create New App
Xem trước -
Create Custom API ( Mock Api )
Xem trước -
Axios
Xem trước -
Get Request & FlatList
Xem trước -
Get By Id Request
Xem trước -
Try Catch
Xem trước -
Delete Request
Xem trước -
Post Request
Xem trước -
Put Request
Xem trước -
Refactor And Create Home Screen For New Project
Xem trước -
Book Card
Xem trước -
Props
Xem trước -
APIs Functions
Xem trước -
Render Data In Flatlist
Xem trước -
Delete Book
Xem trước -
Add Button UI & Modal
Xem trước -
CustomTextInput
Xem trước -
Save Button
Xem trước -
Create Book
Xem trước -
Edit Book
Xem trước -
Bug Fix
Xem trước -
Task Time | CRUD App – Task Requirements
-
Redux is not that hard
Xem trước -
Why Redux Useful
Xem trước -
Reducer Explained
Xem trước -
Create Store and Get Data From Global State
Xem trước -
Actions & useDispatch
Xem trước -
Payload
Xem trước -
Combine Reducers
Xem trước -
RootState
Xem trước -
Recap Redux & Task
Xem trước -
Redux toolkit Store
Xem trước -
Redux Toolkit Reducer & Actions
Xem trước
-
Create Project
Xem trước -
Folder Structure
Xem trước -
AppText
Xem trước -
App Colors
Xem trước -
AppSafeView
Xem trước -
Flash Message
Xem trước -
AppButton
Xem trước -
AppTextInput
Xem trước -
Sign In Screen
Xem trước -
Sign Up Screen
Xem trước -
Stack Navigation
Xem trước -
Bottom Tabs & Main App Stack
Xem trước -
Style Bottom Tabs
Xem trước -
App Header
Xem trước -
App Custom Fonts
Xem trước -
Prepare Data
Xem trước -
Product Card
Xem trước -
Add To Cart Button
Xem trước -
Shadow
Xem trước -
Props
Xem trước -
Render Data in FlatList
Xem trước -
Empty Cart Component
Xem trước -
Cart Item
Xem trước -
Increase Decrease Buttons
Xem trước -
Cart Item Props
Xem trước -
Totals View
Xem trước -
Cart Screen
Xem trước -
Checkout Screen
Xem trước -
Profile Screen
Xem trước -
My Orders Screen
Xem trước
-
Firebase Init
Xem trước -
Sign in users
Xem trước -
Handling Errors
Xem trước -
Register new users
Xem trước -
Firestore Database
Xem trước -
Get data from database
Xem trước -
Save User Data In Global State
Xem trước -
Place Orders
Xem trước -
Fix redux warning & duplicate orders
Xem trước -
Get users order
Xem trước -
Handling orders date
Xem trước
-
Introduction to Async Storage
Xem trước -
Save Data In Local Storage
Xem trước -
Get Data From Local Storage
Xem trước -
Clear Data
Xem trước -
Save Logged in State in Local Storage
Xem trước -
Logout & Auth State Loading
Xem trước -
App Loading
Xem trước -
Firebase Change Auth State
Xem trước -
Better Auth Approach
Xem trước -
Saving User Language in Local Storage
Xem trước -
Redux Persist
Xem trước
-
Change App Icon & Name
Xem trước -
App Splash Screen
Xem trước -
EAS
Xem trước -
Generate Build ( APK )
Xem trước -
Generate Build ( AAB )
Xem trước -
How to Create & Verify a Google Play Developer Account ( Optional )
-
How to Publish an Android App to Google Play ( Optional )
-
How to Create your Apple Developer Account ( Optional )
-
How to Publish an iOS App to App Store ( Optional )
-
Change Bundle ID
Xem trước -
Integrate Firebase with Android
Xem trước -
Integrate Firebase with IOS
Xem trước -
Push Notifications Android
Xem trước -
Foreground Notifications
Xem trước -
Social Login | Google Gmail Login with Android
Xem trước -
Social Login | Google Gmail Login with iOS
Xem trước -
Source Code Of This Section
-
Open Gallery And Camera To Pick Images
Xem trước -
Change App Name
Xem trước -
Change App Icon iOS
Xem trước -
Chane App Icon Android
Xem trước -
Splash Screen Android
Xem trước -
Splash Screen iOS
Xem trước -
Integrate Google Maps & iOS Maps in React Native App
Xem trước -
Display Google Map in App.
Xem trước -
Adding Markers to MapView
Xem trước -
React Native Vector Icons
Xem trước -
How to use SVGs with React Native
Xem trước -
Source Code Of This Section
-
App Header
Xem trước -
Sent Message Card
Xem trước -
Response Message Card
Xem trước -
Put Messages In FlatList
Xem trước -
Adding Typescript
Xem trước -
Chat Input
Xem trước -
KeyboardAvoidingView
Xem trước -
ChatInput Props
Xem trước -
Send Messages
Xem trước -
Receive Messages
Xem trước -
Adding Typing Effect
Xem trước -
Empty Chat Screen
Xem trước -
Auto Scroll To Bottom in FlatList
Xem trước -
Keyboard State
Xem trước -
Create Hugging Face Access Token
Xem trước -
Connect App With Hugging ( GPT2 )
Xem trước -
Display Hugging Face ( GPT2 ) Response
Xem trước -
Create OpenAI Key
Xem trước -
Connect with OpenAI And Get Smarter Answers
Xem trước -
Fix Input Padding Bottom
Xem trước -
Adding try catch
Xem trước -
Adding Thinking Loading
Xem trước -
Fix Typing Effect Issue
Xem trước -
Task Time
Xem trước -
Source Code Of Section
-
Animation Section Introduction
Xem trước -
Moving Elements Horizontally
Xem trước -
Moving Elements Horizontally Multiple Times
Xem trước -
Move Elements Vertically
Xem trước -
Task Time - Task 1
Xem trước -
Animation Sequence
Xem trước -
Fade Animation
Xem trước -
Task Time - Task 2
Xem trước -
Rotate Animation
Xem trước -
Task Time - Task 3
Xem trước -
Expand & Shrink Animation
Xem trước -
Task Time - Task 4
Xem trước -
How to Animate Color Changes
Xem trước -
Source Code of This Section
Requirment
-
All you need is basic understanding of Javascript. And we have Javascript section in this course
-
NO Android/ Java or iOS (Swift, ObjectiveC) development experience is required
Outcomes
-
Learn how to use ReactJS to build react native mobile apps for iOS and Android. No ReactJS Experience Required.
-
Develop cross-platform (iOS and Android) mobile apps without knowing Swift, ObjectiveC or Java/ Android
-
Explore React Native basics and advanced features!
-
Learn React Basics, React Native Fundamentals, Navigation, Redux & Redux Toolkit
-
Learn Expo & React Native CLI: Understand both development approaches.
-
Learn Layout & Styling: Build stunning, responsive UIs.
-
Learn Redux & Redux Toolkit: Manage global state like a pro.
-
Learn Localization and make your app support multi languages.
-
Learn how to integrate with the Backend, And working with APIs
-
Learn how to integrate and use Firebase and the amazing services that provide.
-
Learn Authentication & Authorisations and Local Storage.
-
Learn how to use Native Libraries with React Native CLI
Instructor
Nguyễn Đình Cường
1.2
-
1 Student
-
329 Courses
-
1253 reviews
Xin chào các bạn, tôi là Nguyễn Đình Cường, một lập trình viên và giảng viên đam mê công nghệ với hơn 15 năm kinh nghiệm trong ngành công nghiệp phần mềm. Tôi tốt nghiệp từ Bưu Chính Viễn Thông và đã từng làm việc cho một số công ty công nghệ hàng đầu như FPT Software và VinGroup. Với chuyên môn chính là phát triển ứng dụng web, tôi đã làm việc với nhiều công nghệ như HTML, CSS, JavaScript, React cho front-end và Node.js, Express, MongoDB cho back-end. Không chỉ dừng lại ở việc viết mã, tôi còn yêu thích tìm hiểu sâu về thiết kế hệ thống và kiến trúc phần mềm. Tôi tin rằng quá trình học lập trình không chỉ đơn thuần là lý thuyết, mà còn là sự trải nghiệm thực tế và giải quyết vấn đề. Trong các khóa học của mình, tôi cố gắng cung cấp cho học viên những bài giảng thú vị và dễ hiểu, cùng với các bài tập thực hành giúp củng cố kiến thức. Tôi hy vọng rằng qua các khóa học của mình, bạn sẽ không chỉ học được cách viết mã, mà còn phát triển tư duy lập trình và kỹ năng giải quyết vấn đề. Hãy cùng nhau khám phá thế giới lập trình và biến ý tưởng của bạn thành hiện thực! Nếu bạn có bất kỳ câu hỏi nào, đừng ngần ngại liên hệ với tôi. Tôi rất vui được hỗ trợ bạn trong hành trình học tập của mình!
View Details