React course for beginners given to Check Point on November 2019
-
Course Introduction
- programmers distribution - majority of dev hours
- What is React
- What we can create with React
- Choosing our Frontend
- Single Page Application
- Node, NPM, NPX
- React VS Angular
-
React Introduction
- Hello World
- DOM
- React.createElement
- JS VS React
- VirtualDOM
- JSX
- React Component
- React Architecture
- Video Lecture: https://www.youtube.com/watch?v=jpmyfv_w-fw&feature=youtu.be
-
JSX
- what is JSX
- JSX Rules
- Video Lecture: https://www.youtube.com/watch?v=s_ctvfeA58c&feature=youtu.be
-
create-react-app
- going over the files
- how we structure the files
- dev server
- build
- Video Lecture: https://www.youtube.com/watch?v=n-GATg31ctE&feature=youtu.be
-
React Component
- Function Component
- Class Component
- Props, prop-types, defaultProps
- state, useState
- Events
- component lifecycle, useEffect
- Video Lecture: https://www.youtube.com/watch?v=jpmyfv_w-fw&feature=youtu.be
-
React Component EX
- Video Lecture: https://www.youtube.com/watch?v=8vgzC3CI510
-
Forms
- login form
- what we want to do with forms
- Uncontrolled, ref, useRef, createRef
- controlled
- code duplication problem
- HOC
- render props
- custom hooks
- Formik
-
Forms EX:
- Video Lecture: https://www.youtube.com/watch?v=8BtdI3-ateM
-
HOC, render prop, custom hooks EX:
- Video Lecture: https://www.youtube.com/watch?v=-tmLZX6scnY
-
Component communication
-
props
-
ref
-
children
-
context
-
publish subscribe
-
video lecture: https://youtu.be/UAQSiaWG9kM
-
Redux
- Component communication
- The problem with publish subscribe and the solution
- What is Redux
- Redux Architecture
- Store
- Reducers
- Actions
- Redux dev tools
- State rules
- combineReducers
- Video Lecture: https://youtu.be/7pZmBah66zE
-
Redux EX.
- Video Lecture: https://www.youtube.com/watch?v=3PKv9gG68Pg
-
react-router
- Video Lecture: https://youtu.be/TR5Dx8_cJcA
-
react unit testing
- Video Lecture: https://youtu.be/Kaz2yD3-8qk
-