rajeshn1

1
Introduction to React JS
2
What is React JS

• React JS essentially is an Open Source JavaScript
  library that is used for building user interfaces
  specifically for single-page applications. Its
  used for handling the view layer for the net and
  mobile apps. React is a tool used for building UI
  components. React was initially created by Jordan
  Walke, a software engineer operating for
  Facebook.

3
React JS uses

• React permits developers to develop Large Web
  applications that might modify data, without
  reloading the page. The main purpose of React is
  to be quick, scalable, and simple. It works only
  on user interfaces in the application. This
  corresponds to the view in the MVC template. It
  may be used with a mixture of alternative
  JavaScript libraries or frameworks, like Angular
  JS in MVC.

4
How React Works?

• Instead of manipulating the browser's DOM
  directly, React creates a virtual DOM in memory,
  where it does all the necessary manipulating,
  before making the changes in the browser DOM.
• React finds out what changes are created,
  and changes only what has to be modified.
• To get an outline of what React is, you'll
  be able to write React code directly in a
  hypertext mark-up language.
• But in order to use React in production, you
  need NPM and Node.js installed.

5
Advantages of React JS

• Native Approach
• React can be used to develop mobile
  applications (React Native). And in React
  extensive code reusability is supported. So
  generally we will create IOS, Android and Web
  applications.
• Data Binding
• React uses one-way data binding and an
  application control called Flux managements the
  flow of information to components through one
  control point the dispatcher. It's easier to
  right self-contained parts of enormous React JS
  apps.

6
Advantages of React JS

•  
• Simplicity
• React JS is just simpler to grasp right away.
  The component-based approach, well-defined
  lifecycle, and use of just plain JavaScript make
  React very simple to learn, build a professional
  web (and mobile applications), and support it.
• Easy to learn
• Anyone with a basic previous data in programming
  will easily learn React whereas Angular and Ember
  mentioned as Domain-specific Language, implying
  that it's hard to learn them. For react you
  simply would like basic data of CSS and hypertext
  mark-up language.

7
Features of React JS

• (1)JSX
• In React, rather than using regular JavaScript
  for templates, it uses JSX. JSX is a simple
  JavaScript that permits hypertext mark-up
  language quoting and uses these hypertext mark-up
  language tag syntax to render subcomponents. HTML
  syntax is processed into JavaScript calls of
  React Framework. We can also write in pure old
  JavaScript.
• (2)React Native
• React has native libraries that were announced
  by Facebook in 2015, which provides the react
  architecture to native applications like IOS,
  Android and UPD.

8
Features of React JS

• (3)Single-Way data flow
• In React, a collection of constant
  values are passed to the parts renderer as
  properties in its hypertext mark-up language
  tags. The component cannot directly modify any
  properties but can pass a call back function with
  the help of which we can do modifications. This
  complete method is thought as properties flow
  down actions flow up
• (4)Virtual Document Object Model
• React creates an in-memory data
  structure cache that computes the changes created
  then updates the browser. This allows a special
  feature that modifies coder to code as if the
  whole page is rendered on every amendment
  wherever as react library solely render parts
  that change.
•  

9
VISUALPATH TRAINING INSTITUTE

For More Information
About
React JS Online Training Address
Flat No - 205, 2nd Floor,
Nilgiri Block, Aditya Enclave,
Ameerpet, Hyderabad -16 Contact
91-9989971070 Website www.visualpath.in
10
Thank You!