Home » React Native

React Native Training

Take your coding experience one step further, develop hybrid and native mobile applications with the help of React Native.

React Certification Online Training
0 +
hours

Live Sessions

0 +
hours

MCQs and Assignments

0
Live Projects
0 +
hours

Hands-on Sessions

Offerings

Why Learn React Native ?

Docker Certification Online

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.

What will you learn?

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.

Who Should Take Up IOS Development

Curriculum

Learning Objectives :

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.

Topics :

   Understanding React

   JSX

   React Components

   Props

   Events

   PropTypes

   Default Props

   State

   Lifecycle

Hands-on workshop description :

   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.

Learning Objectives :

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

Sub Topics :

   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

Hands-on :

   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.

Learning Objectives :

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.

Topics :

   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

Hands-on :

   Study the components and their usage in different kinds of objects, develop different components that showcase developing layouts in React Native.

Learning Objectives :

Study the various React Native components and their application.

Topics :

   Understanding React Native Components

   View

   Image

   Touchables

   Modal

   ListView

   ScrollView

   WebView

   Picker

   Slider

   TextInput

   Switch

Hands-on workshop description :

   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.

.

Learning Objectives :

   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

Hands-on:

  Develop components that use native API to interact with platform services.

Learning Objectives :
Learn to overcome the challenges with navigation in the React Native application. Know the ways to set up and configure React Native navigation library.

   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

Hands-on :

   Configure React Native application with React Native navigation library, develop stack navigation and tab navigation

Learning Objectives :

Study the ways to utilize remote API in React Native applications using fetch API and third-party HTTP client Axios.

Topics :

   Meaning of remote communications

   Libraries available

   Fetching data using fetch

   Working with Axios for CRUD

Hands-on workshop description :

   Create components that retrieve data from remote API and post data to remote API.

Learning Objectives :

Build and integrate React Native apps in Android and IOS operating systems.

React Native Development Details

Enter your title

Enter your description
$ 39
99
Monthly
  • List Item #1
  • List Item #2
  • List Item #3
Popular

React Native

$ 500
  • 24x7 Learning support
  • Hands-On Training
  • Live Workshops
  • Certificate of Passing
React Native Development

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.

Have More Questions ?

Logicwaves Academy

Register for Training

Register for Free Webinar