arrow_back
course access
FAQS
Course Discussion
Important
Common issues & There solutions
01-Introduction
1.01 - Course Outline
1.02 - What all it takes to make a great app
1.03 - What is React Native
Quiz Based on Previous Videos
1.04 - Why React Native
1.05 - How Does React Native Works?
1.06 - Expo vs Bare Cli
How you should Proceed?
1.07 - Installing Android Studio & Xcode
1.08 - Installing npm & Yarn
1.09 - Project Setup
1.10 - Typescript Setup
Attached Code
NOTICE
Promises & Spread Operator (Refresh)
Promise async await try catch
Source Code
Spread Operators
Source Code
02-Running Our First App
Steps to do
2.01 - running our app on android emulator
2.02 - running our app on real android device
2.03 - Running Our App on IOS Simulator
2.04 - Running on real ios device
03-Time for the Basics
Difference in Code Editor
3.01 - What is A Component ?
3.02 - What is State , Props and JSX ?
3.03 - Using Text Input
REQUEST
React Native Component guide
3.04 - What is Flex?
react native stylesheet guide
3.05 - Styling Text Input
3.06 - Updating Text Input
307 - Making Reusable container
3.08 - Using a Button
3.09 - Using Custom Button
Custom Button Source Code
3.10 - open close principle
3.11 - Changing Behaviour of Keyboard
keyboard Behaviour source code
3.12 - Using custom fonts
Font Family Source Code
3.13 - Using custom Theme
Custom Theme Source Code
3.14 - How Does form validation works ?
3.15 - form validation part 1
3.15 - form validation part 2
3.15 - form validation part 3
3.15 - form validation part 4
Formik Documentation
04-Making Our App Responsive
4.01 - Component Lifecycle
4.02 - Fixing our app for landscape view
Source Code
Dimensions Documentation
4.03 - How to make our app responsive for different screens
4.04 - Make our app responsive
React Native Responsive Screens Docs
4.05 - Best way to render Dynamically
Your Review and Feedback
05 - Global Styles & Custom Text
5.01 - Making Global Styles
Source code
5.02 - Custom Text
Source Code
06 - Using Icons & Scroll View
6.01 - Logic to Use Third Party Libraries
6.02 - Using Vector Icons
Ionicon and vector icon docs
6.03 - Using Icon inside Button
Source Code
6.04 - Using Scroll View
Source Code
07 -Preparing Navigation
7.01 - React Native Navigation vs React Navigation
7.02 - Installing React Navigation
703 - Setup of Routes
react navigation documentation
7.04 - Using Dashboard Stack
7.05 - Custom Header
Source Code
React Navigation Header Docs
08 - Making a List View
8.01 - Creating a list view
8.02 - Refactoring code
8.03 - Using an Image
React Native Image Doc
Source Code
8.04 - Styling Item Correctly
Source Code
8.05 - Refactoring Styles
Source Code
8.06 - Rendering List Dynamically
Source Code
8.07 - Using FlatList
Source Code
Flat list Doc
09 - Adding a new Item
9.01 - Using a Modal & float button
React native Modal & floating Button Doc
Source Code
9.02 - Saving Item
Source Code
9.03 - Small Changes
Source Code
10 - Update , Delete & View Item
10.01 - Opening a Bottom Sheet
Action Sheet Docs
Source Code
10.02 - Process of editing an item
10.03 - Screen vs Modal
10.04 - Update Item
Source Code
10.05 - Refactoring Code
Source Code
10.06 - Viewing an Item
Source Code
10.07 - Deleting an Item
Source Code
11- Debugging Our App Like a pro
11.01 - React Native Debugger
React Native Debugger Docs
11.02 - Reactotron
Reactotron Source Code
12 - Using Redux
12.01 - why redux
12.02 - How Redux works
12.03 - Creating our actions
12.04 - Creating our Reducer
12.05 - Creating master reducer
Source Code
12.06 - Using our reducer
Source Code
12.07 - What is Context ?
React Context Docs
12.08 - Changing Modal to screen
Source Code
12.09 - Reading reducer state
Source Code
12.10 - Dispatch Reducer Actions
Source Code
12.11 - Refactoring Code
Source Code
12.12 - Debugging Redux
Source Code
13 - Styling Create Item Page
13.01 - Using date and time picker
Source Code
Date time picker Docs
13.02 - Creating Image Gallery
Source Code
13.03 - Refactoring Code
Source Code
13.04 - Using Image crop picker
React Native Image Crop Picker Guide
Source Code
13.05 - Add image
Source Code
14 - Styling View Item Page
14.01 - Making Images Swappable
Image Carousel Docs
Source Code
14.02 - Open image in full screen
Lightbox docs
Source Code
15 - Calling Network Request
15.01 - firebase account setup
Firebase docs
15.02 - what is an api
15.03 - types of request in a server
15.04 - http status codes
15.05 - Flow of network Request
15.06 - Creating user reducer
Source Code
15.07 - Setting up Environment Variables
Source Code
15.08 - Installing axios & thunk
15.09 - Redux + thunk (login request)
Source Code
15.10 - Dependancy injection principle
15.11 - Refactoring our request using repositry
Source Code
15.12 - Using Auth token with async storage
Source Code
15.13 - Showing loader
Source Code
15.14 - creating Other Diary Requests
Source Code
15.15 - Using Diary Request + Redux
Source Code
15.16 - Handling Error + loader in UI for Diary Request
Source Code
15.17 - Force Refreshing data
Source Code
15.18 - Small Changes
Source Code
Correcting The Auth Flow
16.01 - Dynamic navigation according to logged in status
Authentication Flow Docs
Source Code
16.02 - Making User Logout
Source Code
17 - Publishing our app
17.01 - Generating Icons
Generating icon websites
17.02 - Generating Splash Screen
Source Code
17.03 - Generating Ios Production App
17.04 - Generating Keystore
17.05 - Generating Production Apk
Source Code
17.06 - Uploading app to playstore
18 - Common Use Cases
18.01 - Autoplay Video (Like instagram)
18.02 - Drag n drop using pan responder
18.03 - How to save image in a particular category
18.04 - Creating your own native module
18.05 - How to debug native errors
18.06 - How to switch themes
18.07 - React navigation v5 complete setup
18.08 - How to create nested stylesheet
19 - Bonus Videos
19.01 - using codepush
19.02 - react native one signal
19.03 - React Native 0.63 update
19.04 - Distribute your app for internal testing
19.05 - React native searchbar
Attached Code
Conclusion
Presentation Used in Videos
Interview Preparation / Study Material
Project Assignment (DIY)
Recommended Libraries to be Used