React Native Training
Master React Native to build hybrid iOS and Android Apps from basic to advanced level. Hands-on React Native training course with live projects.
What you'll learn
- Learn how to use ReactJS to build react native mobile apps for iOS and Android. No ReactJS Experience Required.
- Explore React Native basics and advanced concepts!
- Develop cross-platform (iOS and Android) mobile apps and use it for your resume
- Explore and implement efficient state management and side effect handling using React Hooks.
- Implement navigation and routing functionalities within React Native applications.
- Acquire skills in debugging, data management with Redux Toolkit, and user authentication.
- Understand the terminology and concepts of Redux
- Get up to speed with React design principles and methodologies
- Discover mobile design patterns used by experienced engineers
- Prototype and Publish your own applications to the Apple and Google Play Stores
Our Training Process
Practical Session
Assignment
Projects
Resume Building
Interview Preparation
Be Job Ready
Practical Session
Assignment
Projects
Be Job Ready
Interview Preparation
Resume Building
Key Highlights
- Personalized career coach
- 90% Practical Training
- Certification
- Mock Interviews
- Study material
- Instant doubt solving
- 100% Placement Assurance
- Case studies and Projects
85 Hrs
Training Duration
25000+
Students Trained
1000+
Hiring Companies
12.5 LPA
Highest Fresher Salary
Course Content
Introduction to React Native
- What is React Native?
- Creating Our First React Native App.
- Dealing with Limitations of React Native.
2
Diving into the Basics
- Module Introduction .
- Creating a New Project .
- JSX Elements you Can and Can’t Use .
- Switching Away from create-react-native-app.
- How to Use the Attached Code.
- Running the App on an Android Simulator (+ Setup).
- Running our App on a Real Android Device.
- Preparing XCode (for iOS).
- Running our App on an iOS Simulator.
- Running our App on an iOS Device.
- A Good Development Setup.
- Working on the App: Adding a Textinput.
- Styling – Understanding the Basics.
- Positioning Elements with Flexbox.
- Adding a Button and Managing State.
- Creating a Custom Component.
- Listening to Touch Events.
- Reacting to Press Events.
- Using a ScrollView.
- Rendering Lists Correctly.
- Adding Static Images.
- Using Network Images.
- Adding a Modal.
- React vs React Native.
- JavaScript – Supported Features.
3
Using Redux with React Native
- Module Introduction.
- A Brief Redux Refresher.
- Installing Redux and Creating a Basic Setup.
- Setting Up Actions.
- Setting Up the Reducer.
- Creating the Store.
- Connecting React Native to Redux.
4
Debugging React Native Apps.
- Module Introduction.
- Using the Remote JavaScript Debugging console.log.
- Debugging with Breakpoints.
- Debugging+++ with React Native Debugger.
- Debugging Redux.
- Template Filters and Custom Filters.
- Template Filters Coding Examples.
5
Linking and Using Third Party Libraries
- Module Introduction.
- Installing Libraries.
- Automatic Linking.
- Linking Libraries on iOS.
- Linking Libraries on Android.
- Using Library Features: Adding Icons.
6
Navigation in React Native Apps
- Module Introduction.
- Navigation in Web Apps vs Native Apps.
- Exploring Native Navigation Solutions.
- Adding React Native Navigation to iOS.
- Adding React Native Navigation to Android.
- Finishing the Library Setup.
- Registering and Rendering a Screen.
- Adding a Tabs Screen (Tabs Navigation) .
- Adding Icons to Tabs.
- Connecting Screens to Redux.
- Updating Redux.
- Pushing Pages (Navigating “Forwards”).
- Popping Pages (Navigating “Backwards”).
- More Navigator Methods.
- Adding a Side Drawer.
- Finishing the Drawer.
7
Styling & Animating React Native Apps (Correctly)
- Module Introduction.
- Using StyleSheet vs Normal JS Objects.
- Vanilla CS vs React Native Styles.
- Flexbox in Action.
- Styling with Relative Units.
- “Global Styles” with Custom Components.
- Synthetic Cascading of Styles.
- Styling Text.
- Cascading Text Styles.
- Adding a Background Image.
- Creating a Re-Usable Custom Button.
- Editing the “Share Place” Screen.
- Popping Pages (Navigating “Backwards”).
- Styling & Splitting the “Share Place” Scree.
- Finishing the “Share Place” Screen.
- Styling the Side Drawer.
- Quick Bug Fix: PlaceInput Component.
- Intro: Cross Platform Styles & Responsiveness.
- Intro:Cross-Platform Styling Made Easy!
- Using the Platform API
- Loading Different Icons for Different Platforms.
- Using Different Entry Points (into the App).
- Cross-Platform UI Libraries.
- The “Responsive Styling” Problem.
- Responsive Design Solutions.
- Using the Dimensions API.
- Adjusting Styles Dynamically (to changing Width / Height).
- A Better Responsive Solution.
- Bug Fix: Centering with Margins.
- Cleaning Up Dimensions Listeners.
- Styling Navigation Items (react-native-navigation).
- Preparing the App for Animations.
- Using the Animated API.
- Animations Summary.
8
Handling User Input
- Module Introduction.
- Managing Input/ Control State.
- Adding Custom Validation Logic.
- Using the Validation State.
- Dispatching an Auth Action.
- Switching Form (Auth) Modes.
- Configuring Text Input Components.
- Handling the Soft Keyboard.
9
Using Native Device Features – Maps, Camera & Image Gallery
- Module Introduction.
- A Note on Installing React-Native Maps.
- Installing react-native-maps.
- Rendering a Map.
- Picking a Location on the Map.
- Adding a Map Marker.
- Animating Map Movement.
- Locating the User.
- Storing the Picked Location with Redux.
- Installing react-native-image-picker.
- Fixing Issues with React Native Image Picker.
- Using the Image Picker.
- Storing the Picked Images.
- Image Picker and the Data it Returns.
10
Networking – Sending Http Requests
- Module Introduction.
- Sending Http Requests – Theory.
- Firebase & The Right Database.
- Creating the Server.
- Using the Fetch-API.
- Storing Data in Firebase.
- Adjusting Firebase Functions (Fixing an Error).
- Storing Images.
- Fixing Firebase Function Linting Errors.
- Finishing the Image Upload Function.
- Storing the Remaining Data.
- Adding the Activity Indicator.
- Handling Errors.
- Http, fetch() and Error Handling.
- Getting Data from the Server.
- Fixing Error.
11
Authentication in React Native Apps
- Module Introduction.
- How Authentication Works in React Native Apps.
- Enabling Firebase Authentication.
- Signing Users Up.
- Using the Authentication Result (Response).
- Supporting Signup and Login.
- Adding User Login.
- Protecting Routes on Firebase.
- Storing the Auth Token in Redux.
- Using the Auth Token.
- Fetching the Token in a Re-Usable Way.
- Adding Places (Authenticated).
- Storing the Token in AsyncStorage.
- Adding an Auto-Signin Functionality.
- Managing the Token Expiration.
- Clearing the Auth Storage (AsyncStorage).
- Refreshing the Token.
- Adding User Logout.
- Refreshing the Token Without App Reloads.
12
Publishing the App
- Module Introduction.
- Adding Launcher Icons.
- Adding a Splash Screen.
- Configuring & Building the App.
- Publishing to Google Play Store (Android).
- Publishing to the App Store (iOS).
- Publishing the App – Detailed Instructions.
13
Work on Live Projects
- Build social network
- Forum App
- Khaata Book App
- Ecommerce App
- Music Player App
- Yoga App
- Many more hybrid apps like these
Skills you will gain
Course Certification
Become a Certified React Native Developer with TryCatch Classes and enhance your career prospects to the next level.
This certificate serves as an official badge of your successful react native training course completion, highlighting your expertise.
This certificate serves as an official badge of your successful react native training course completion, highlighting your expertise.
Students Reviews
Play Video
TryCatch Classes offers an excellent learning environment. All the teaching staff is exceptional. As a newcomer to web development, all concepts were explained clearly.
dnone
Full Stack Developer
Company
Play Video
Play Video
Hi my name is Bhagyashri Gunjate. I have completed full stack web development course from Trycatch and saying this happily that I also got my first job from TryCatch. Although I have gap of 4 years after completing my engineering Mohnish and Mehul Sir gave me confidence that I can do it and at this age also I can be succeed in web development field. Talented and passionate faculty helps me to resolve my query and made my base and logic strong. They initiated new ways of thinking to improve project query and my personal performance as well. Also this helped me to improve my speed to produce codes faster and get things done more accurately. Mehul Sir and Monish Sir was so helpful that they always kept my motivation and confidence high. They gave me projects that are more skilful and as per industry standards which directly helps me to get my first job journey. I highly recommend Try Catch classes to everyone who wanted to upscale their knowledge and career in Web Development field.
dnone
Full Stack Developer
Company
Jane Doe
Software engineer
Ola
Play Video
Play Video
Jane Doe
Software engineer
Ola
Jane Doe
Software engineer
Ola
Play Video
Play Video
Jane Doe
Software engineer
Ola
Genuine reviews for our React Native Training
Pravin Suthar
React Native Developer
What I especially appreciate is the professional and positive learning environment at TryCatch Classes. The trainers are highly experienced and skilled, which creates an excellent atmosphere for learning new skills and advancing your career.
Posted on
Prajwal Raut
React Native Developer
Best training institute for React Native App Development They provide us lots of assignments & projects for better understanding of important topics. It helped me gain more confidence on my ability to work on any flutter app development projects.
Posted on
Yamini Gupta
React Native Developer
TryCatch classes is the one of the best class for learning and placement point of view. It was amazing learning experience for fresher like me.
Posted on
Yamini Gupta
React Native Developer
TryCatch classes is the one of the best class for learning and placement point of view. It was amazing learning experience for fresher like me.
Posted on
Rupinder Singh
React Native Developer
It was joy to learning from TryCatch Classes. I highly recommend TryCatch classes to everyone who wanted to upscale their knowledge and career in Mobile App Development field.
Posted on
Rupinder Singh
React Native Developer
It was joy to learning from TryCatch Classes. I highly recommend TryCatch classes to everyone who wanted to upscale their knowledge and career in Mobile App Development field.
Posted on
Shweta More
React Native Developer
Great place for learning. Full support for students by nice Teaching faculty. Mehul sir & Mohnish sir are also very supportive and motivating.
Posted on
Niranjan Dutta
React Native Developer
If you want to launch your career in the right direction, consider TryCatch Classes. I had a great experience there and learned a lot, even coming from a non-IT background. I knew nothing about mobile app development before, but they truly helped me master the skills I needed to become a successful developer.
Posted on
Software Developer
Posted on
Software Developer
Posted on
Software Developer
lorem
Posted on
Student's Portfolio
UX-UI Designer
UX-UI Designer
Mansi Sanghani
UX-UI Designer
Mansi Sanghani
UX-UI Designer
Mansi Sanghani
UX-UI Designer
Mansi Sanghani
UX-UI Designer
Mansi Sanghani
UX-UI Designer
Mansi Sanghani
UX-UI Designer
Mansi Sanghani
UX-UI Designer
Mansi Sanghani
UX-UI Designer
Mansi Sanghani
UX-UI Designer
Frequently Asked Questions (FAQs)
What is the duration of the course?
Total duration is approximately 4 months along with Live Projects. We train you practically for 2.5 months. And thereafter you’ll be given several live projects to work on. Every student builds at-least 5 Mobile Apps on their own.
Is there 100% Placement Guarantee after the course is over?
Yes, we provide 100% placement guarantee in our React Native training course in Mumbai.
Are there any prerequisites before starting React Native Training?
It is recommended that you to have strong understanding of Javascript and some html & css concepts. These concepts help you to develop complex hybrid Android & iOS apps together.
Who teaches React Native?
At TryCatch, our team consists of seasoned experts with over 15 years of experience. A skilled React Native Developer will be guiding students, encouraging them to ask questions without hesitation, and enabling us to effortlessly address all your inquiries.
Is the course Online or Offline?
This React Native course is available offline & online both. You may choose whatever is feasible for you.
Offline course can be done at our Borivali Branch in Mumbai.
Online Live Course can be done on Zoom or Google Meet.
Who can learn React Native?
This course is designed for everyone, even if you’re studying Commerce, Arts, or Mechanical subjects, or if you’re still in school. It doesn’t matter what your background is, you can definitely learn this course.
Do I need prior experience in React Native?
No, prior experience is not required. Anyone can learn this course.
What software and tools do I need for this course?
All the tools required for this training will be installed during the course
Will I receive a certificate upon course completion?
Upon completion of the course, you will receive an official global React Native certificate. This certificate serves as an official badge of your successful course completion, highlighting your expertise.
Can I interact with instructors and ask questions during the course?
Absolutely! Our instructors are always available to answer all your questions and solve your doubts.
Are there any real-world projects or case studies in the course?
Yes, we incorporate real-world projects and case studies into the course to help you apply what you’ve learned in practical scenarios.
Is there a money-back guarantee if I’m not satisfied with the course?
We offer a satisfaction guarantee. If you are not satisfied with the course within a specified timeframe, you can request a refund.
Companies where our students are placed
Shoutout from Arjun Kapoor
and Vidya Balan
Play Video
Play Video
Here's everything you're going to get
- 100% Guaranteed Placements
- Easy-to-follow modules
- Study Materials
- Tutorials
- Interview Q&A Library
- Industry Oriented LIVE Projects
- Mock Interviews
- Access To Private Jobs Group
- Be Job Ready
