React

React is a JavaScript library for building user interfaces created by Facebook.
It is maintained by Facebook and a community of individual developers and companies.
React is a tool for building UI components

What is Babel?

• Babel is a JavaScript compiler that can translate markup or programming languages into JavaScript.
• Babel is available for different conversions. React uses Babel to convert JSX into JavaScript.

What is JSX?

• JSX stands for JavaScript XML.
• JSX is an XML/HTML like extension to JavaScript.

What are components?

• Components are the building blocks of any React app and a typical React app will have many of these. Simply put, a component is a JavaScript class or function that optionally accepts inputs i.e. properties(props) and returns a React element that describes how a section of the UI (User Interface) should appear.
• Sample
• const Greeting = () =>  <h1>Hello World today!</h1> ;
• Out put is Hello World Today!

<p>Referance : https://www.fiverr.com/muhammad_sarmad/develop-and-fix-reactjs-web-application </p>

<p>react.js </p>

What is Express?

Express is a minimal and flexible Node.js web application framework that provides a robust set of features to develop web and mobile applications. It facilitates the rapid development of Node based Web applications. 

•  Features of Express framework
  • Allows to set up middlewares to respond to HTTP Requests.
  • Defines a routing table which is used to perform different actions based on HTTP Method and URL.
  • Allows to dynamically render HTML Pages based on passing arguments to templates.

•  How to install Express in ubuntu
  • $ npm install express --save

• body-parser
  • This is a node.js middleware for handling JSON, Raw, Text and URL encoded form data.
  • $ npm install body-parser –save
• cookie-parser
  •  Parse Cookie header and populate req.cookies with an object keyed by the cookie names.
  • $ npm install cookie-parser –save
• multer
  • This is a node.js middleware for handling multipart/form-data.
  • $ npm install multer --save

Reference: https://www.tutorialspoint.com/expressjs/ 

           https://blog.vanila.io/setup-basic-server-with-express-framework-37b