Video 49-2 What is JSX, React Component, babel transpiler
Video 49-3 Components and how props works, unidirectional data flow
Video 49-4 (advanced) How states works, asynchronous, console state
Video 49-5 How React Hook works, send state via props , props vs state
Video 49-6 What is React, when to use it, react vs angular vs vue
Video 49-7 virtual dom, diff algorithm, Component lifecycle and rerender
Video 49-8 Module Summary, recap and interview questions
QUIZ
Q1: Which one is true?
Ans: React uses one-way data-binding
Q2: What is npm?
Ans: Node Package Manager
Q3: What is a Stateful component?
Ans: A component that has state
Q4: Which one is not true?
Ans: React elements are mutable. Once you create an element, you can change its children or Attributes
Q5: Which algorithm React is used to compare dom?
Ans: Diff Algorithm
Q6: Which one is not true?
Ans: A key is a special object you need to include when creating a single element.
Q7: What is Babel?(search on google)
Ans: JavaScript Compiler
Q8: In a company starting salary is 20000? And based on performance it may change? Now in
terms of react what will you do? (is it simple than you think)
Ans: const[salary, setSalary] = useState(20000);
Q9: Which one is true for React?
Ans: React uses virtual dom to make rerender efficient.
Module 49.5
Video 49_5-1 Module Introduction ES6 Modules simple import, export
Video 49_5-2 ES6 Modules, import default, relative path
Video 49_5-3 Create and Load Fake data, json generator, online api
Video 49_5-4 How to Create Event handler with parameters
Video 49_5-5 Intro to Local storage to store data just one item
Video 49_5-5 Intro to Local storage to store data just one item
Video 49_5-7 Remove data to the local storage and delete shopping cart
Video 49_5-8 Module Summary and simple intro to array reduce