Enrolment options
Udemy - React Native by Projects From Basics to Pro 2025 2025-7
- Enrolled students: There are no students enrolled in this course.
Guests cannot access this course. Please log in.
Course content
Sections:
18
•
Activities:
1
•
Resources:
277
- Announcements
- 1 Course History
- 2 A Small Request
- 1 Installation Guide
- 2 Fundamentals
- 3 The Environment Required
- 4 Node JS MAC
- 5 Node JS Windows
- 6 Creating New App with Expo
- 7 Installing Watchman MAC
- 8 VS Code MAC
- 9 VS Code Windows
- 10 Editing The Default App
- 11 JAVA Home MAC
- 12 Android Studio Setup MAC
- 13 Android Emulator MAC
- 14 xCode MAC
- 15 Cocopods MAC
- 16 JDK Windows
- 17 Android Studio Windows
- 18 Running App
- 19 Code Command Setup MAC
- 1 JSX
- 2 Custom Components
- 3 State
- 2 Why TypeScript
- 3 ts config
- 4 How to Use TypeScript
- 5 Array Objects
- 6 Interface
- 7 Any and Never
- 8 Functions
- 9 Generics
- 1 Section Intro
- 2 Project Setup
- 3 Basic Components
- 4 Code Format
- 5 Few More Extensions
- 6 Touchable Pressable
- 7 Basic Styling
- 8 Flexbox
- 9 Custom Component
- 10 Interface Generics Advance
- 11 Custom Snippets
- 12 Dividing With Flex
- 13 Calculator UI
- 14 Map in React
- 15 Little Advance UI
- 16 Result UI
- 17 Updating With State
- 18 Fixing Android Emulator Bug
- 19 Removing Resetting Calculation
- 20 Using AI to Write Code
- 21 Evaluating Expression
- 22 Fixing Issues
- 23 Custom Font
- 1 API
- 2 Project Initialization
- 3 Selecting IOS Simulator
- 4 Email Input
- 5 Custom Text Input
- 6 Text Input Props
- 7 Custom Button
- 8 Input Change Event
- 9 More UI Element
- 10 Sign Up Page
- 11 React Navigation
- 12 Basic Navigation
- 13 Fixing Navigation Types
- 14 Updating Theme
- 16 Fetch API vs Axios
- 17 useEffect
- 18 Sending Post Request
- 19 Rendering Errors
- 20 Fixing UX
- 21 Sign In
- 22 Navigating After Sign In
- 23 Sign In Token
- 24 Async Storage
- 25 Install Tab Navigator
- 26 Tab Navigator
- 27 Vector Icons
- 28 Changing Tab Bar Icon
- 29 Context API
- 30 Custom Hook
- 31 Getting User Profile by Token
- 32 Pending UI
- 33 Sign Up Login
- 34 Fetching Products
- 35 FlatList
- 36 Image
- 37 Styling Products
- 38 Price Format
- 39 Categories List
- 40 Category Button
- 41 Products by Category
- 42 List Empty Component
- 43 List Separator Component
- 44 Nested Navigator
- 45 Fetching Product Details
- 46 Rendering Product Details
- 47 Image Slider
- 48 Finding Scroll Index
- 49 useRef Hook
- 50 Fixing Simple UI Issues
- 51 Adding Action Buttons
- 52 Cart Provider
- 53 Updating Cart Items
- 54 Cart Items Count Badge
- 55 Cart Page UI
- 56 Total Cart Price
- 57 Remove From Cart
- 58 Clearing Cart
- 59 Favorite Context
- 60 Favorite Page UI
- 61 Favorite Button
- 62 Favorite Navigator
- 63 Is Favorite
- 64 Profile Page UI
- 65 UI If no Profile Image
- 66 Adding Image Picker
- 67 Selecting Image
- 68 Uploading Image
- 69 Updating UI on Image Change
- 1 Project Setup
- 2 New Issue With Safe Area View
- 3 Style For DIfferent Versions
- 4 Is Android Full Screen Mode
- 5 Home Page First Visit UI 1
- 6 Home Page First Visit UI 2
- 7 Installing Vector Icons
- 8 Home Page First Visit UI 3
- 9 Image Picker Package
- 10 Adding Android Permissions
- 11 Asking For Permissions Android
- 12 Asking For Permissions Android 2
- 13 Alert API
- 14 Modal Component
- 15 Custom Modal Component
- 16 Never Ask Permission Alert
- 17 Never Ask Permission Alert 2
- 18 Opening Settings With Linking API
- 19 Ask Again For Permission
- 20 IOS Permission
- 21 Selecting Images
- 22 React Native File System
- 23 Saving File IOS
- 24 Saving File Android
- 25 Saving Selected Files
- 26 Scanning Saved Files
- 27 Rendering Previously Selected Images
- 28 Loading UI
- 29 Grid View
- 30 Previous Edits UI
- 31 Long Press Options
- 32 Confirm Modal
- 33 Confirm Delete
- 34 Removing Image File
- 35 Installing Required Packages
- 36 Navigation
- 37 Navigating to Editing Canva
- 38 Image Render to Skia Canvas
- 39 Getting Image From Canvas
- 40 Saving Canvas Image Android
- 41 Exporting Image IOS
- 42 Using Camera Roll Android
- 43 Canvas Size Header
- 44 Calculating Image Dimension
- 45 Adding New Icons
- 46 Image Edit Options
- 47 Navigating to Image Cropper
- 48 Image Cropper Header UI
- 49 Rendering Image
- 50 Default Crop Options
- 51 Idea of a Crop Box
- 52 Crop Handles Part 1
- 53 Crop Handles Part 2
- 54 Gesture Handler Setup
- 55 Playing With Gesture Events
- 56 Applying Animation
- 57 Applying Gestures
- 58 Selector Active Style
- 59 Applying Aspect Ratio
- 60 Fixing Crop Box Height
- 61 Applying Original Aspect Ratio
- 62 How Crop Works
- 63 Finding Active Corner
- 64 How Cropping Works
- 65 Simple Free Crop Gesture
- 66 Keeping Value in Bound
- 67 Keeping Track of Actual Ratio
- 68 Locking Ratio Top Left
- 1 What is TypeScript
- 2 Environment Set Up First Taste of Typescript
- 3 Basic Types in JavaScript
- 4 Type Inference
- 5 Basic Rules to Define Types
- 6 Types for Objects and Arrays
- 7 Type Keyword Optional Type
- 8 Functions
- 9 Interface
- 10 Generic Types
- 11 Any Types
- 1 How did I came up with the idea
- 2 Before I Start Coding
- 3 How do I Design My Apps
- 2 Setting Up Environment
- 3 Running MyFirstApp
- 4 How to Fix Bug UI Not Responding
- 5 Run on Real Device
- 1 Initializing RN Project With TS
- 2 React Native Typescript
- 3 Custom Code Snippets
- 1 Creating Home Screen
- 2 Using Icons
- 3 Missing Types App Titles
- 4 Future Proof Button Component
- 5 Lets Install Image Picker
- 6 Taking User Permission
- 7 Capturing Image
- 8 Lets Refactor
- 9 Selecting Image From Device
- 1 Adding Navigation
- 2 Let Me Explain
- 3 Custom Theme
- 4 Navigating to ImageEditor
- 5 Reading Route Params
- 1 Header
- 2 A Bit Advance Refactor
- 3 Moving Back
- 4 Background for Image Editor
- 5 Passport Size Image
- 6 Editor Tools Selector Buttons
- 7 Lets Refactor Again
- 8 UI for Image Info
- 9 Compressor Slider
- 1 Selecting Image For Second Time
- 2 The Confirm Modal
- 3 The Confirm Modal Part 2
- 5 Handling Back Press Manually
- 1 Why Native Module
- 2 Opening Project inside Android Studio
- 3 Creating Connecting Native Module
- 4 Calling Native Function Code
- 5 Adding Types to Native Module
- 6 Adding Promises
- 7 Getting Image Size
- 8 Rendering Image Size
- 9 The Logic Before Code
- 10 Compressing Image
- 11 Resolving Object
- 12 Compressing Image From React Native
- 13 Fixing The issue
- 14 Updating Slider Value
- 15 Updating Compressed Percentage
- 16 What was the bug
- 17 Fixing The Bug
- 18 Updating Image Size
- 19 Rendering Compressed Image
- 20 Rendering Correct Image
- 21 Breaking The Loop
- 22 Reseting The Old States
- 23 Loading Animation
- 24 Saving The Image
- 25 Will it work
- 26 Lets Hunt Down The Bug
- 27 Rendering Done Animation
- 28 Fixing Animation
- 1 Permission Related Bugs
- 2 Updating Camera Permission
- 3 Required Permission Alert
- 4 Opening App Settings
- 5 Fixing Navigation Without Image
- 6 How Can We Save Without Permission
- 7 File Read Write Permission
- 1 Creating Launcher Icon
- 2 Adding Launcher Icon
- 3 Adding Splash Screen