DASVM’s React Native training course will show you how to build cross-platform apps without learning new programming languages or operating systems. It will allow you to reuse JavaScript code on the web and on mobile devices, greatly speeding up product development. React Native is an open-source mobile application framework created by Facebook. It is used to develop applications for Android, iOS, Web and UWP by enabling developers to use React along with native platform capabilities. React Native is quickly becoming one of the most popular frameworks for developing native mobile applications. It combines React and JavaScript technologies and enables developers to create cross-platform applications, paving the way for more seamless collaboration between teams. The working principles of React Native are virtually identical to React except that React Native does not manipulate the DOM via the Virtual DOM. It runs in a background process (which interprets the JavaScript written by the developers) directly on the end-device and communicates with the native platform via a serialisation, asynchronous and batched Bridge.
Course Objectives:
- To create new and innovative native applications for mobile
- The fundamentals of React Native
- To create apps for both iOS and Android
- To create smaller reusable components from complex components
- Creating authentications for apps
- How to use the expo to create and run iOS and Android apps
- Explain the architecture of a Android And IOS app
- Applying the most useful React-Native components
- Performing Navigation using Routes
- React Native APIs.
- Authentication with Firebase.
- Processing Authentication Credentials.
Course content
Introduction to React
- What is React
- JSX
- React Components
- Props
- Events
- State
- Lifecycle
- PropTypes
- Default Props
Overview React Native
- React Native Introduction
- Advantages of React Native
- Workflow of React Native
- A word on hybrid mobile development
- What is React Native
- Preparing development environment
- Node, Watchman, Xcode, Android Studio
- React Native CLI
- Creating And Running HelloWorld React Native
- Birds view on mobile platforms ios and android
- First Debugging steps
- Scope of React Native
Overview of JSX
- Introduction of Virtual DOM.
- Difference between JS and JSX.
- React Components overview
- Containers and components
- What is Child Components?
- What is Namespaced components?
- What are the JavaScript expressions available in JSX?
React Native Environment Setups
- Node setup
- How to use NPM?
- How to create package.json and purpose of it?
- ES6 Introduction and features.
- Webpack Overview
- Best IDE for React Native and How to write optimized code in React Native ?
- React Native browser plugins overview.
Lab:
- NPM Installation by locally and Globally
- Create a Basic App with React Native and other Supported NPMs.
A Real-Time Application by using React Native
- Create a React component with JSX template.
- How to create Nested Components?
- What is React Native render?
- React Props overview.
- Introduction of Props validation with data types.
- Flow of States, Initialize states and update states.
Lab:
- Create a Small React Module
- Use All the states in in the created Application.
React Native forms and UI
- Lists of Form components.
- Setup Controlled and Uncontrolled form components.
- Control Input elements.
- How to set default values on all formats of Input elements.
- React Native Form validations.
- How to write Styles?
- Animations overview
Lab:
- Create a React Form.
- Client-side form validation.
- Applying form components.
- Submit and Rest the form.
Working with Styles & Layout
- Exploring Styles and using styles
- Inline Styles, Style Objects, Stylesheet
- Exploring layout
- Understanding Box model
- Understanding FlexBox model
- Styling Text
- Styling Images
- Debugging Styles
React Native Components
- What are React Native Components
- View
- Text
- Image
- Touchables
- ListView
- ScrollView
- Modal
- WebView
- TabBar
- TextInput
- Slider
- Switch
- Picker
React Native APIs
- What are React Native APIs
- Alert
- Handling permissions
- Geolocation
- Vibration
Navigation
- What is Navigation
- Challenges with navigation
- Possible solutions for navigation
- Setting up React Native navigation library
- Working with React Native navigation
- Styling the navigator
- OS Specific use cases
Routing in React Native and Other JS concepts
- Single Page Application Overview.
- How to configure React Router?
- History of Router
- How to Handle Conditional statement in JSX?
- IIFE in JSX for complex logic overview.
Lab:
- Create a Single Page Application.
- Applying Routing.
- Dynamically render the components based on the url.
Event Handling in JSX
- onBlur, onKeyUp, onChange and other useful primary events in React Native .
- How to Sharing events between the components?
Lab:
- Communicate Data between components.
- Applying all lists of events.
Remote Communication
- What is remote communications
- Libraries available
- Fetching data using fetch
- Working with axios for CRUD
Flux overview
- What is Flux Architecture?
- What are the Flux Components available?
- View Controllers.
- How Flux works?
- Flux and React works together.
Redux Overview
- Introduction to One Store.
- Provider Component
- sagas
- Dispatchers
- View Controllers
- Selectors
Unit Testing Overview
- What are the necessary Tools required for Unit Testing?
- React Unit Testing overview
- Introduction to JEST.
- How to Test React Component?
- How to Test React Router?
To see the full course content Download now
Course Prerequisites
There are no mandatory prerequisites that you need to fulfil in order to take up the React Native course. However, possessing the following knowledge prior to taking up this course can be beneficial for you:
- Basic knowledge of JavaScript is recommended for this course.
- Native mobile development experience.
- Fundamentals of programming Language and object-oriented concepts
Who can attend
- Freshers and Aspiring Frontend (JavaScript) Developers
- UI/UX Developers
- Web Developers
- Software Developers
- Developers upgrading from Angular, Vue, React, and other similar UI JavaScript Frameworks
Number of Hours: 40hrs
Certification
Key features
- One to One Training
- Online Training
- Fastrack & Normal Track
- Resume Modification
- Mock Interviews
- Video Tutorials
- Materials
- Real Time Projects
- Virtual Live Experience
- Preparing for Certification
FAQs
DASVM Technologies offers 300+ IT training courses with 10+ years of Experienced Expert level Trainers.
- One to One Training
- Online Training
- Fastrack & Normal Track
- Resume Modification
- Mock Interviews
- Video Tutorials
- Materials
- Real Time Projects
- Materials
- Preparing for Certification
Call now: +91-99003 49889 and know the exciting offers available for you!
We working and coordinating with the companies exclusively to get placed. We have a placement cell focussing on training and placements in Bangalore. Our placement cell help more than 600+ students per year.
Learn from experts active in their field, not out-of-touch trainers. Leading practitioners who bring current best practices and case studies to sessions that fit into your work schedule. We have a pool of experts and trainers are composed with highly skilled and experienced in supporting you in specific tasks and provide professional support. 24x7 Learning support from mentors and a community of like-minded peers to resolve any conceptual doubts. Our trainers has contributed in the growth of our clients as well as professionals.
All of our highly qualified trainers are industry experts with at least 10-12 years of relevant teaching experience. Each of them has gone through a rigorous selection process which includes profile screening, technical evaluation, and a training demo before they are certified to train for us. We also ensure that only those trainers with a high alumni rating continue to train for us.
No worries. DASVM technologies assure that no one misses single lectures topics. We will reschedule the classes as per your convenience within the stipulated course duration with all such possibilities. If required you can even attend that topic with any other batches.
DASVM Technologies provides many suitable modes of training to the students like:
- Classroom training
- One to One training
- Fast track training
- Live Instructor LED Online training
- Customized training
Yes, the access to the course material will be available for lifetime once you have enrolled into the course.
You will receive DASVM Technologies recognized course completion certification & we will help you to crack global certification with our training.
Yes, DASVM Technologies provides corporate trainings with Course Customization, Learning Analytics, Cloud Labs, Certifications, Real time Projects with 24x7 Support.
Yes, DASVM Technologies provides group discounts for its training programs. Depending on the group size, we offer discounts as per the terms and conditions.
We accept all major kinds of payment options. Cash, Card (Master, Visa, and Maestro, etc), Wallets, Net Banking, Cheques and etc.
DASVM Technologies has a no refund policy. Fees once paid will not be refunded. If the candidate is not able to attend a training batch, he/she is to reschedule for a future batch. Due Date for Balance should be cleared as per date given. If in case trainer got cancelled or unavailable to provide training DASVM will arrange training sessions with other backup trainer.
Your access to the Support Team is for lifetime and will be available 24/7. The team will help you in resolving queries, during and after the course.
Please Contact our course advisor +91-99003 49889. Or you can share your queries through info@dasvmtechnologies.com
