Overview of Web Development - React.js and Node.js

Creating vital system data for display over web

Learn a front-end / back-end programming eg:- React.js (Front-end) and Node.js (Back-end)

Concepts of React.js / Node.js

• Pre-requsites:
• node.js  - server component to compile javascript
• visual studio code - IDE
  
• bind - Connecting Java script with HTML
• npm - modules required to run the react application
• react - major module
• react-dom/client  - useful in rendering the application
• react-scripts - running , building , test application
• ECMA - A programming language adopted by the European Computer Manufacturer's Association as a standard for performing computations in Web applications
  
• ES5 
  
•  Arrow Function

function App (){
return <h1> React training </h1>
}

• ES6 
• Arrow Function

const App (){
return <h1> React training </h1>
}

• code:
• import REACT from 'react';
• JSX - End goal of any component (REACT) is, it has to return something.
• All your application are wrapped in DOM mode
• render will create bind 
  
• react.strictmode  - suggestion / practices
• 3 types of components in React:
1. Class components
• logical components
• used for calling APIs
• can maintain state
• Class component will call API --> API will return data --> To the functional component --> Functional Component will render (or) display the data
  
2. Functional components
• dumb components
• used for display purpose
• (Also started to make API calls)
• Directly returns JSX
  
3. Hooks components