Course description
This course deepens the knowledge from React Basic and covers everything a React developer should know to create high-quality, maintainable, and fast applications.
Course structure
- React basics
- a review of basic React concepts and topics
- making HTTP requests
- component parent-child communication
- React Hooks
- useRef to manipulate native DOM element
- forwardRef
- useImperative handle to expose component API
- Performance
- how to detect performance problems
- using Profiler in Google Chrome and in React dev tools
- React.memo
- useMemo
- useCallback
- React Context
- basic context usage
- advanced encapsulation of context provider
- context initial state
- Testing using Jest
- introduction into Jest
- good practices for writing tests
- structuring tests
- Jest matchers
- testing exceptions
- mocking
- controlling dependencies using spies
- mocking modules
- Testing React using React testing library
- queries
- triggering user actions
- matches
- testing components
- testing hooks
- Advanced topics
- render props
- Error Boundaries
- React Suspense
- React Portal
- useReducer hook
- Routing
- introduction into React Router
- application global layout
- nesting routes using Outlet
- navigation
- using url parameters
- splitting an application into chunks (lazy loading)
- React.lazy
- Redux
- defining store
- using slices
- reading redux state in component
- dispatching actions
- handling asynchronnous actions
- Project setup
- how to pick the right libraries?
- what a typical React project consists of?
- Webpack introduction and configuration
- Monorepo codebase using NX
