React with Typescript

• Introduction to SPA

• SPA Architecture
• Getting ready for future internet clients & IoT
• Overview of supporting technologies (AJAX, REST)
• Vite.js
JavaScript for react
• JavaScript latest features
• Using async await
• Functional programing
• Pure functions
• Higher order function
• Shallow copy VS Deep copy
• Understanding the JavaScript Closures
Typescript
• Interfaces
• Type declaration
• Classes & modifiers
• Generics
• Modules
• Type narrow
• Tools
Introduction to React
• React Lib concept
• Create react App
• Folder recommendation structure
• Dynamic Imports and file loading
• Component architecture
• The virtual DOM
React components & Lifecycle
• Basic components
• State & props
• Stateless components
• Stateful components
• Class component & lifecycle
• Function components
4
• 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 with React
• 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 routing
• React router
• Single routes
• Multiple routes
Advanced Redux – Middleware
• Async Actions
• Async functions
• Redux-thunk
Error Handling
• Error boundaries
5
• componentDidCatch
Testing react components
• Jest
• Mocha

• Experience in client-side technologies based on HTML & CSS
• Experience in JavaScript programming
• Some background in REST and Web-Services