Share this course’s details with your family and friends.
React Native Training
Build cross-platform mobile apps with React Native! Join Iteanz online training to boost your app development skills today.
About Program
Develop mobile apps faster – Learn React Native with real-world training in reusable components, cross-platform UI, and seamless app performance.
Iteanz’s React Native Training equips you to build cross-platform iOS/Android apps with industry-grade tools. Master core skills like component architecture, Flexbox styling, Firebase authentication, and Redux state management through hands-on projects—from album displays to secure login flows. Learn to debug, optimize performance, and integrate APIs while following React Native best practices for scalable apps.
Dive deeper into navigation, animations, Firebase data storage, and Redux middleware (Thunk) while building real-world apps. The course covers advanced topics like immutable state, dynamic forms, and reusable modals, culminating in a full-stack employee management system. Perfect for beginners and intermediate developers, this training prepares you to ship production-ready apps with confidence.
Curriculum
Dive Right In
- Introduction - Course Roadmap
- Roadmap to the First App
- Official Course Github Repo
Got OSX? Go Here
- OSX Installation
- More on OSX Installation
- Running in the Simulator
Got Windows? Go Here
- Windows Setup of React Native
- Android Studio and React Native CLI Installation
- Emulator Creation and System Variables
Optional ESLint Setup
- ESLint Setup and Overview
- ESLint Setup with Atom
- ESLint Setup with Sublime Text 3
- ESLint Setup with VSCode
Onwards
- Project Directory Walkthrough
- Getting Content on the Screen
- React vs React Native
- Creating a Component with JSX
- Registering a Component
- Destructuring Imports
- Application Outline
- The Header Component
- Consuming File Exports
Making Great Looking Apps
- Styling with React Native
- More on Styling Components
- Introduction to Flexbox
- Header Styling
- Making the Header Reusable
HTT
- P Requests with React Native
- Sourcing Album Data
- List Component Boilerplate
- Class-Based Components
- Lifecycle Methods
- Quick Note On Axios
- Network Requests
- Component Level State
- More on Component Level State
- Rendering a List of Components
- Displaying Individual Albums
- Fantastic Reusable Components - The Card
- Styling a Card
- Passing Components as Props
- Dividing Cards into Sections
Handling Component Layout
- Mastering Layout with Flexbox
- The positioning of Elements on Mobile
- More on Styling
- Images with React Native
- Displaying Album Artwork
- Making Content Scrollable
- Handling User Input with Buttons
- Styling of Buttons with UX
- Considerations
- Responding to User Input
- Linking Between Mobile Apps
- Setting Button Text by Props
- App Wrapup
Authentication with firebase
- Auth App Introduction
- A Common Root Component
- Copying Reusable Components
- What is Firebase?
- Firebase Client Setup
- Login Form Scaffolding
- Handling User Inputs
- More on Handling User Inputs
- How to Create Controlled Components
- Making Text Inputs From Scratch
- A Focus on Passing Props
- Making the Input Pretty
- Wrapping up Inputs
- Password Inputs
Processing Authentication Credentials
- Logging a User In
- Error Handling
- More on Authentication Flow
- Creating an Activity Spinner
- Conditional Rendering of JSX
- Clearing the Form Spinner
- Handling Authentication Events
- More on Conditional Rendering
- Logging a User Out and Wrapup
Digging Deeper with Redux
- App Mockup and Approach
- The Basics of Redux
- More on Redux
- Redux is Hard
- Application Boilerplate
- More on Redux Boilerplate
Back to React
- Rendering the Header
- Reducer and State Design
- Library List of Data
- JSON CopyPaste
- The Connect Function
- MapStateToProps with Connect
- A Quick Review and Breather
Rendering Lists the Right Way
- The Theory of ListView
- ListView in Practice
- Rendering a Single Row
- Styling the List
- Creating the Selection Reducer
- Introducing Action Creators
- Calling Action Creators
- Adding a Touchable
- Rules of Reducers
- Expanding a Row
- Moving Logic Out of Components
- Animations
- Wrapup
Not Done Yet.
- Overview of Our Next App
- App Challenges
- Just a Touch More Setup
- More on Boilerplate Setup
Handling Data in React vs Redux
- Login Form in a Redux World
- Rebuilding the Login Form
- Handling Form Updates with Action Creators
- Wiring up Action Creators
- Typed Actions
Don't Mutate that State
- Immutable State
- Creating Immutable State
- More on Creating Immutable State
- Synchronous vs Asynchronous Action Creators
- Introduction to Redux Thunk
- Redux Thunk in Practice
- Redux Thunk in Practice Continued
- Making LoginUser More Robust
- Creating User Accounts
- Showing Error Messages
- A Firebase Gotcha
- Showing a Spinner on Loading
Navigating Users Around
- Dealing with Navigation
- Navigation in the Router
- Addressing Styling Issues
- Displaying Multiple Scenes
- Navigating Between Routes
- Grouping Scenes with Buckets
- Navigation Bar Buttons
- Navigating to the Employee Creation Form
- Building the Employee Creation Form
- Employee Form Actions
- Handling Form Updates at the Reducer Level
- Dynamic Property Updates
- The Picker Component
- Pickers and Style Overrides
Firebase as a Data Store
- Firebase JSON Schema
- Data Security in Firebase
- Creating Records with Firebase
- Default Form Values
- Successful Data Save to Firebase
- Resetting Form Properties
- Fetching Data from Firebase
- Storing Data by ID
- Dynamic DataSource Building
- Transforming Objects to Arrays
- List Building in Employee List
Code Reuse - Edit vs Create
- Reusing the Employee Form
- Create vs Edit Forms
- Reusable Forms
- A Standalone Employee Edit Form
- Initializing Forms from State
- Updating Firebase Records
- Clearing Form Attributes
- Texting Employees
- Modals as a Reusable Component
- The Modal Component Continued
- Styling the Modal
- Employee Delete Action Creator
- Wiring up Employee Delete
Bonus
- Bonus? Bonus!
Get Started with a Demo
Key Features of our Training.
Expert Trainers
Learn from experienced professionals and industry experts with real-world knowledge.
Hands-On Training
Gain practical experience through real-world scenarios, projects, and interactive exercises.
Customizable Corporate Training
Tailored solutions to meet the unique needs of organisations and teams.
Certifications & Assistance
Courses are aligned with international standards and we also help you to prepare for globally recognised certifications.
Global Recognition
Trusted by individuals and enterprises worldwide, with a track record of successful alumni and partnerships.
24 x 7 Expert Support
We have a 24x7 online support team to resolve all your technical queries, through a ticket-based tracking system, for a lifetime.
Testimonials
Success Stories in Their Own Words
“Building cross-platform apps finally clicked after this course! Faculty's animated list optimizations solved our performance issues. Their support team helped debug our first production release. Now I confidently handle state management in large projects.”
Riya Kapoor
Mobile App Developer
“Joined on a colleague’s recommendation. Honestly, Iteanz exceeded expectations. The trainer was skilled and patient. Post-class follow-ups from the team helped when I hit issues during app deployment. Solid training experience.”
Deepak Shetty
Software Associate
“Wasn’t sure about online learning, but Iteanz changed that for me. The trainer knew the framework inside out. Quick support from the backend team made setup smooth. Gained solid understanding of components and navigation.”
Vivek Krishnan
UI Developer
“I liked how the trainer involved us in live coding sessions. He’d pause and explain whenever anyone got stuck. Iteanz’s support team was also approachable, especially during integration modules. Great learning rhythm throughout.”
Kiran Jha
Freelance App Designer
FAQ's
Will I get placement assistance?
Iteanz is providing 100% placement assistance on our key courses. We help you with career counseling, Exams on Key courses, Mock Interviews and Technical Interviews Tips.
Landing an interview proves that you have the job-specific skills for the position, but how do your interview skills stack up? Also, Soft skills are often the most important factor in showing you're the best candidate for the job.
Hence we are conducting FREE TRAINING on Soft-Skills worth Rs-25,000 to all Iteanz students which will help you to attend the interviews with more confidence.
Can I attend a demo session before enrollment?
Yes. We arrange a free demo for all the courses either in the Classroom or Live-Online demo. Please fill the demo request form to schedule a free demo.
What if I miss a class?
You will never miss a lecture at myTectra. You can choose either of the two options:
Classroom Training:
- If you miss one or a few classes we can give a backup class based on the trainer and your convenient time.
- In case you miss many classes, we can reschedule your class with upcoming batches or other running batches based on how many course topics you have completed so far.
Live-Online Training:
- View the recorded session of the class available in your LMS.
- You can attend the missed session, in any other live batch.
What if I have more queries?
Just give us a CALL at +91-80-468-10331 OR email at info@iteanz.com
What are the payment options?
Payments can be made using any of the following options and a receipt of the same will be issued to you automatically via email for both classroom training and Online training.
- Visa Debit/Credit Card
- American Express and Diners Club Card
- Master Card
- PayPal
- Net Banking/Wire Transfer
- UPI Payment such as Google Pay, PhonePe, Paytm
- Cash/Cheque/DD ( Not for Online Training )
Where do the classes take place?
For Individual:
Classroom Training - Bangalore
Live-Online Training - Globally
For Corporates:
Classroom Training - We deliver classroom training for corporate in more than 20 countries. Send us an Enquiry Now!
Online Training - Globally
* All of the classes are conducted live online. They are interactive sessions that enable you to ask questions and participate in discussions during class time. We do, however, provide recordings of each session you attend for your future reference.
Who are the Trainers?
Our Trainer’s are chosen not only for their knowledge and expertise but also for their real-time experience in the respective courses.
Career Services
Placement Assistance
Resume & LinkedIn Profile Building
Exclusive access to Iteanz Job portal
Access to Soft Skill Enhancement
Mock Interview Preparation
One-on-one career guidance
Corporate Training
Empower your team to excel—transform potential into performance with Iteanz Corporate Training today!
We’d Love to Assist You!
Talk to our training advisor today and discover how Iteanz can help you achieve your training goals.