React JS and React Native


Duration: 40 Hours

About Course

React JS is a JavaScript library for building user interfaces & maintained by Facebook, ReactJS works as the view in Model View Controller (MVC) programming and reduces boilerplate language through declarative code. It’s fast, scalable, flexible, powerful, and has a robust developer community.

React Native is an open source framework for building mobile apps; it’s designed for cross-platform capability. It can be tough to choose between excellent user experience, a beautiful user interface, and fast processing, but React Native makes that decision an easy one with powerful native development. The building blocks for a seamless mobile experience built from web elements. It uses the same code for both iOS and Android apps.

Ease to Learn Working with React Native allows you to add your own mobile apps, it’s simple to master because there's no need to learn Swift or Android specific Java. The components are open source and have counterpart rights, so you can reuse bits of the code to launch both versions of your app. The native code integrates seamlessly.

Career Option React native web offers the developers more amazing offers that help to build their career in it. Also, this is newly presented in the market; therefore many tech companies want to hire web developers.

Job Prospective Having the right knowledge of React-Native-web, this new technology offers you a good package in the market as well as it build your career. As it is new and most demanding in the market, the React Native Web developers are also in demand, as mentioned above more developing companies require web developers.

Topics - covered in the course


•   Getting Started with JavaScript
•   Understanding JavaScript Fundamentals
•   Getting Started with JavScript Functions
•   Working with JavaScript Latest Features
•    Rest and Spread Operator
•    Arrow Functions
•    String Literals
•    Higher Order Functions
•    Let and Const.
•    Object Literals
•    Promises in JavaScript

•     Creating Input Boxes, extracting and setting Data
•     Understanding Classes in HTML
•     Adding and Removing Classes.
•     Adding and Removing styles with JavaScript
•     Adding Events in JavaScript
•     Understanding DOM elements
•     Manipulating DOM Properties with JavaScript
•     Adding and Removing elements with JavaScript

•  Getting Started with React
•  Understanding Project Architecture
•  Displaying Hello World using React
•  Creating a Functional Component
•  Interpolation in React
•  Working with Props Data
•  Updating Props in React
•  Adding Styles to React Component
•  Adding Events to React Component

•   Working with Classes
•   Understanding Class Inheritance
•   Creating first Class Based Components
•   Working with State Variables
•   Updating the State in React
•   Getting Data in Props
•   Child Components in React
•   Passing data from Parent to Child Component

•   Working with Life Cycle Events
•   Understanding “shouldComponentUpdate”
•   Advanced use cases for “shouldComponentUpdate
•   Understanding Other Life Cycle Events
•   Getting Data from APIs
•   Iterating Data in React Component
•   Conditions in React Component

•   Working with Events
•   Working with React Forms
•   Validating Data with React
•   Posting Form Data with React
•   Creating Objects for the Style Objects
•   Working with Pure Components

•   Working with Hooks
•   Understanding basic Hooks in React
•   Understanding “useState”
•   Working with “useEffect”
•   Getting Data inside Hooks

•   Working with Single Page Application
•   Working with Routers
•   Static and Dynamic Routers
•   Type of Routers in React
•   Extracting Route Parameters
•   Prompt User before Redirecting
•   Error Handling in React
•   Working with Context APIs
•   Getting Started with React Native
•   Setting Up React Native

•   Why React Native
•   Working with Text and View Components
•   Layout in React Native
•   StyleSheet Objects in React Native
•   Working with React Native Components
•   Working with Views
•   APIs in React Native

•   Working with Flex Styling
•   Working with Images
•   Running Application on Mobile
•   Working with React Native Cont.
•   Using Hooks in React Native Application
•   Publishing App to Store

About Instructor

5.0 Rating

1 Reviews

168 Students

1 Courses

Mayank Gupta

Experience in Technologies like Angular, React.js AngularJs, JavaScript, JQuery, CSS, HTML5, TypeScript, Golang, GraphQL, MEAN Stack, Knockout, Node, JavaScript, Web Development, Vue.js, and Other Related Technologies.Online trainer and Corporate Trainer on Related Technologies.


5.0 (1 reviews)



See all reviews for this course
Course is coming soon!

Course Offerings

  • Instructor Led Live sessions
  • Clarify doubts during session
  • Access Session Recordings
  • Attend on mobile and Tablet
  • Project reviews by Instructor
  • Direct Messages
  • Feedback from Instructor
  • Full lifetime Resources
  • Certificate of Completion
  • Employability opportunity