• Introduction
• What is React JS?
• Features of React JS
• What is Express JS?
• Features of Express JS
• How to connect client side to server side
What’s in It For You?
Introduction
• Every application consists of frontend, backend and the database together they from full-stack
• React was created and maintained by meta and it is used to make web applications responsive
• Express is unopinionated and used to make API’s it is maintained by node.js
What is React JS?
React is a JavaScript library which is used to build mobile and web application fast and
interactive,
It is an open source, reusable component-based front-end library of JavaScript
JSX :
It is a syntax extension to
JavaScript, with react it is used
to describe how the UI should
look like
Virtual Document Object
Model (DOM) :
It defines how document are
accessed and manipulated in a
webpage
Performance :
There are several ways to
speed up your react
application by using virtual
DOM
Features of React JS
One-way data binding:
Information flows in one direction,
React receives information through
arguments and pass it by return
values
Extensions :
React goes beyond simple UI
and has many extensions for
complete application support
Features of React JS
Debugging :
There is a small browser
extension created by Facebook
to make react debugging easier
and faster
What is Express JS?
Express is a Node.js framework designed for building APIs, web applications and
cross-platform mobile apps, Express is high performance, fast, unopinionated, and
lightweight
Fast Server-Side
Development:
With the help of Node.js
features, express can save
a lot of time
Middleware :
It is a request handler,
which have the access to
the application’s request-
response cycle
Routing :
Refers to how an application’s
endpoints (URIs) respond to
client requests
Features of Express JS
Templating :
Creates a html template file
with less code and render
HTML Pages
Debugging :
Express makes it easier as it
identifies the exact part
where bugs are
Features of Express JS
React And Express Tutorial

React And Express Tutorial

  • 2.
    • Introduction • Whatis React JS? • Features of React JS • What is Express JS? • Features of Express JS • How to connect client side to server side What’s in It For You?
  • 3.
    Introduction • Every applicationconsists of frontend, backend and the database together they from full-stack • React was created and maintained by meta and it is used to make web applications responsive • Express is unopinionated and used to make API’s it is maintained by node.js
  • 4.
    What is ReactJS? React is a JavaScript library which is used to build mobile and web application fast and interactive, It is an open source, reusable component-based front-end library of JavaScript
  • 5.
    JSX : It isa syntax extension to JavaScript, with react it is used to describe how the UI should look like Virtual Document Object Model (DOM) : It defines how document are accessed and manipulated in a webpage Performance : There are several ways to speed up your react application by using virtual DOM Features of React JS
  • 6.
    One-way data binding: Informationflows in one direction, React receives information through arguments and pass it by return values Extensions : React goes beyond simple UI and has many extensions for complete application support Features of React JS Debugging : There is a small browser extension created by Facebook to make react debugging easier and faster
  • 7.
    What is ExpressJS? Express is a Node.js framework designed for building APIs, web applications and cross-platform mobile apps, Express is high performance, fast, unopinionated, and lightweight
  • 8.
    Fast Server-Side Development: With thehelp of Node.js features, express can save a lot of time Middleware : It is a request handler, which have the access to the application’s request- response cycle Routing : Refers to how an application’s endpoints (URIs) respond to client requests Features of Express JS
  • 9.
    Templating : Creates ahtml template file with less code and render HTML Pages Debugging : Express makes it easier as it identifies the exact part where bugs are Features of Express JS