React with Typescript

• JavaScript latest features
• Using async await
• Functional programing
• Pure functions
• Higher order function
• Shallow copy VS Deep copy
• Understanding the JavaScript Closures

• Interfaces
• Type declaration
• Classes & modifiers
• Generics
• Modules
• Type narrow
• Tools

• React Lib concept
• Create react App
• Folder recommendation structure
• Dynamic Imports and file loading
• Component architecture
• The virtual DOM

• Basic components
• State & props
• Stateless components
• Stateful components
• Class component & lifecycle
• Function components

• Class vs function components
• Managing component state
• Pure components
• Hooks
o useState
o useEffect
o useMemo
o useCallback
o useDeferredValue
o useRef
o useId
• React children

• Introduction to Redux
o Redux Flow
o Redux setup
o React-redux & redux
o Redux toolkit
• React terms:
o Store
o Action
o Reducer
o Middleware
• Combined with React
o Use store with React
o Using reducers and actions to manage component state
o useSelector & useDispatch

• React router
• Single routes
• Multiple routes

• Async Actions
• Async functions
• Redux-thunk

Error boundaries
• componentDidCatch

• Jest
• Mocha