Take your coding experience one step further, develop hybrid and native mobile applications with the help of React Native.
Live Sessions
MCQs and Assignments
Hands-on Sessions
Open-sourced by Facebook in the year 2013, React JavaScript library provides web developers a powerful and efficient tool to create component-based interactive User Interfaces (UIs). React comes with the features like stateful components, one-way data binding with properties (props), virtual DOM, lifecycle methods, and JavaScript XML (JSX), which gives it an edge over other tools. React offers an apt choice for web developers to build faster, smoother UIs for data-driven web applications
Later, Facebook extended react to build native mobile applications in the year 2015; what makes native react unique is its cross-platform nature, which enables web developers to reuse the code between Android, iOS, and web projects with minimal effort. Having the knowledge of React Native gives you an upper hand in a lot of development companies that are willing to switch their technology. React Native is also used by various well-known companies like Facebook, Instagram, Skype, Bloomberg, Pinterest, Tesla, Uber, Walmart, Wix.com, and others. Also, the latest google trends search ranking React Native as a trending topic in addition to being a popular framework.
1. Introduction of React Native
Get the knowledge of the fundamentals and core concepts necessary to develop with React Native.
2. Styles and Layouts
Study the ways to apply styles in React Native for the development of different kinds of layouts.
3. React Native Components
Study the range of various components of React Native along with their areas of application
4. React Native API
Understand the usage of React Native API to access hardware-related features and platform-specific features.
5. Importance of Navigation
Understand the methods and ways for setting up and configuring the React Native navigation library.
6. Remote Communication
Know the applicability of remote API in React Native applications by applying fetch API and Axios.
7. Releasing Builds
Study the ways to build and integrate React Native applications in Android and iOS operating systems.
Study the main fundamentals needed to kickstart react native development. Gain knowledge about the core concepts like components, JSX, state management in components, component interaction using props and events.
Understanding React
JSX
React Components
Props
Events
PropTypes
Default Props
State
Lifecycle
Develop a React application with function and class-based components.
Use JSX syntax for developing a user interface in JavaScript.
Apply state management in class-based components and pass data to child components using props.
Study the pros and cons of hybrid mobile development. Gain more knowledge about React Native and its ability to solve problems of performance when compared to previous hybrid development frameworks. Also, learn how to debug the RN app
A word on hybrid mobile development
Meaning of React Native
Providing 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
Develop a React Native application with the help of React Native and expo.
Work on applications of Android and IOS simulators.
Explore developer menu and debug React Native application.
Understand the applications of styles in React Native. Dive deeper with the knowledge about flexbox. Also, learn the ways to develop different types of layouts in React Native. Also, get acquainted with style text, images, and debug styles.
Dive deeper into Styles and using styles
Inline Styles, Style Objects, Stylesheet
Understand layout
Get the knowledge of the Box model
Get the knowledge of the FlexBox model
Styling Text
Styling Images
Debugging Styles
Study the components and their usage in different kinds of objects, develop different components that showcase developing layouts in React Native.
Study the various React Native components and their application.
Understanding React Native Components
View
Image
Touchables
Modal
ListView
ScrollView
WebView
Picker
Slider
TextInput
Switch
Develop components with the help of several built-in React Native elements such as view, presenting text, using images, responding to touch events using touchable, handling large data using listview, pan, and zoom content using scroll view.
Embed HTML content into React Native applications using WebView
Also develop components that use text input, picker to accept data from the user.
.
Understand the usage of React Native API to access hardware-related features and platform-specific features.
Meaning of React Native APIs
Alert
Handling permissions
Geolocation
Vibration
Develop components that use native API to interact with platform services.
Understanding Navigation
Problems with navigation
Solutions for Navigation
Setting up React Native navigation library
Work with React Native navigation
Styling the navigator
OS Specific use cases
Configure React Native application with React Native navigation library, develop stack navigation and tab navigation
Study the ways to utilize remote API in React Native applications using fetch API and third-party HTTP client Axios.
Meaning of remote communications
Libraries available
Fetching data using fetch
Working with Axios for CRUD
Create components that retrieve data from remote API and post data to remote API.
Build and integrate React Native apps in Android and IOS operating systems.
By the end of the course you will :
Discover the skills of hybrid mobile development
Gain expertise in React Native and its features
After the course completion, you will have :
Performed several hands-on examples, that give you the knowledge of basic to immediate skills of React Native mobile development
Acquired yourself with the core concepts and knowledge needed to start a career of continuous learning.
Topics like JSX, components, lifecycle methods, hooks, and state management are the core elements of app development with React Native. You will be working on the above-mentioned topics daily as a React Native developer, so you must get comfortable with them before learning React Native development of an app.
There are no restrictions as such, but the course will serve well if the participants have a basic knowledge of JavaScript.
During the virtual classrooms, students can log in at the scheduled time to a live learning environment which is led by an instructor. You can view, interact, communicate, and discuss presentations, and while working in groups, all in an online setting. The extensive set of collaboration tools and techniques provided by us enhance your online training experience.
