18 DEC 2019

react node-js-express

react.png

Welcome to React!

React (also known as React.js or ReactJS) is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies.React can be used as a base in the development of single-page or mobile applications, as it is optimal for fetching rapidly changing data that needs to be recorded. However, fetching data is only the beginning of what happens on a web page, which is why complex React applications usually require the use of additional libraries for state management, routing, and interaction with an API; Redux, React Router and axios are respective examples of such libraries.

React home page – link

Who is the most popular framework ? – link

script src crossorigin

The crossorigin attribute should only be used if we care about getting error information for the script being loaded. Since accessing this information requires a CORS check, the Access-Control-Allow-Origin header must be present on the resource for it to be loaded.

script src crossorigin – MDN

express

Node JS – export, require

The exports keyword gives you the chance to “export” your objects and methods. Let’s do an example:

node_ex

In the code below, we are exporting the area and circumference functions. We defined the PI constant, but this is only accessible within the module. Only the elements associated with exports are available outside the module.

So, we can consume it using require in another file like follows:Noticed that this time we prefix the module name with ./. That indicates that the module is a local file.

node_im

… full article

Node JS – Express

Express.js, or simply Express, is a web application framework for Node.js, It is designed for building web applications and APIs. It has been called the de facto standard server framework for Node.js. express provides a robust set of features for web and mobile applications.

Express home page – link

More topics covered:

  • React- modify state property
  • React developer tools for chrome
  • React- place html in js field
  • React- data-binding to input
  • React- handle submit
  • using vs code extensions
  • Live server

Links:

 

Leave a comment

Design a site like this with WordPress.com
Get started