prerequisities - html,css and javascript

React Agenda

1.ES6
2.React Introduction
- features
-Why react
-DOM(Document object model) real dom and virtual dom
-Importance of Virtual Dom
3.React project creation(folder structures)
4.React components
- class components
-Functional components

5. State and Props

6. One way data binding and two way data binding
7.Conditional rendering,keys and list
8.Lifecycle methods
9.React hooks
- API's (UseState(),UseEffect())
10.Forms (Controlled and Uncontrolled)

11.Router
-parent and child routing
12.Axios
13.Redux architecture

Build a new house dream house

1. planning / foundation / blueprint/ sketch

2.structure/layout/ barewalls
3.design- architecture/ - paint - colorfull
4. interiors - kitchen - modular -
5. connection - power supply - taps- water ( water connection) light

pop

netflix/instagram

html - hypertext markup language-

css - cascading style sheet - styling langauage -
javscript - giving dynamic feature to our web pages

add on one framework or a library (SPA)

Front end technology
1.react - javscript libray
2.Angular - framework
3.vue.js- framework

Node.js >16 LTS - js run time environment

editor - Visual Studio code editor

create a folder in c-drive- es6demo

 open vs code > click on file> open folder> select the empty folder created in VS
code

React
created by facebook 2011 - web based application and mobile based
(responsiveness)
utilized by instagram 2012
open source 2013 - any one can download and modify according to project
requirments
2014 -
2015 they released react - native mobile based ios/android

2016 - they added realease react verion (react 15)

first official site for react reactjs.org - legacy- outdated document-

official site - react.dev

jsflexibility - nextjs
developer experience
performace - component based
testing

day 2

features
MVC- react - use
DOM(real- dom /virtula - react - use virtual ?)
project creation - command used
understand the project structure/layout/
components - class and functional components
extensions in VS
states and props