💼 Job Skills & Career
Front End Libraries Certification
Master modern front-end development with a practical path through React and Redux, from foundations to production. You’l...
29
Views
Sections
1. Modern Front-End Foundations and Tooling0 views
Set up a reliable toolchain and core web platform knowledge to support React and Redux development.
15 topics (15 versions)
1.1Web app architecture overview
1.2DOM, BOM, and event loop
1.3Node.js and package managers
1.4package.json and semver
1.5Git and GitHub workflows
1.6Code formatting with Prettier
1.7Linting with ESLint
1.8Babel and transpilation
1.9Webpack and Vite basics
1.10Dev server and HMR
1.11Environment variables
1.12NPM scripts and task runners
1.13ESM vs CJS modules
1.14Source maps and debugging
1.15Polyfills and browser support
2. JavaScript ES6+ for React Developers0 views
Build the JavaScript fluency required to write clean, modern, and predictable React code.
15 topics (15 versions)
2.1let, const, and temporal dead zone
2.2Arrow functions and lexical this
2.3Template literals
2.4Destructuring objects and arrays
2.5Spread and rest operators
2.6Default parameters
2.7Array methods: map, filter, reduce
2.8Object utility patterns
2.9Classes and prototypes
2.10Modules: import and export
2.11Promises and microtasks
2.12Async/await patterns
2.13Fetch API essentials
2.14Optional chaining and nullish coalescing
2.15this binding and context
3. React Fundamentals and JSX0 views
Learn the React model, JSX syntax, and the building blocks for rendering interactive UIs.
15 topics (15 versions)
3.1React paradigm overview
3.2JSX syntax and rules
3.3Creating components with Vite
3.4Rendering elements
3.5Virtual DOM and reconciliation
3.6Keys and list rendering
3.7Fragments and shorthand
3.8Conditional rendering patterns
3.9Handling events
3.10Passing props to components
3.11Default props and prop types
3.12StrictMode in development
3.13React 18 concurrent features
3.14Hydration basics
3.15Error boundaries overview
4. Components, Props, and Composition5 views
Design reusable, accessible components and compose them into scalable interfaces.
15 topics (15 versions)
4.1Props and type expectations
2
4.2Children and slots
1
4.3Composition over inheritance
4.4Component purity
1
4.5Reusable component design
4.6Lifting state up
4.7Prop drilling trade-offs
4.8Context introduction
4.9Render props pattern
4.10Compound components pattern
4.11Higher-order components
4.12Presentational vs container components
4.13Controlled vs uncontrolled components
1
4.14Event props and callbacks
4.15Smart defaults and fallbacks
5. State and Lifecycle with Hooks0 views
Use modern React Hooks to manage state, side effects, refs, and advanced logic.
15 topics (15 versions)
5.1useState essentials
5.2Batching updates
5.3useEffect basics
5.4Effect dependency arrays
5.5Effect cleanup patterns
5.6useMemo for expensive work
5.7useCallback for stable refs
5.8useRef for mutable values
5.9useReducer for complex state
5.10Custom hooks composition
5.11Rules of Hooks
5.12Derived state pitfalls
5.13Avoiding stale closures
5.14Async logic in effects
5.15Suspense fundamentals
6. React Router and Navigation0 views
Add client-side routing, nested layouts, and data-aware navigation to your apps.
15 topics (15 versions)
6.1Router setup and providers
6.2Defining routes
6.3Link and NavLink
6.4Route params and useParams
6.5Search params and useSearchParams
6.6Nested routes
6.7Index routes
6.8Layout routes
6.9Programmatic navigation with useNavigate
6.10Protected and private routes
6.11Lazy loading routes
6.12Data loaders and actions
6.13Route error boundaries
6.14Scroll restoration
6.15Route-based code splitting
7. Forms, Validation, and Controlled Inputs2 views
Build robust forms with validation, great UX, and high performance at scale.
15 topics (15 versions)
7.1Controlled inputs
1
7.2Uncontrolled inputs with refs
1
7.3Managing form state
7.4Validation strategies
7.5Native HTML validation
7.6Custom validators
7.7Debounced and masked inputs
7.8Dynamic fields and arrays
7.9React Hook Form basics
7.10Schema validation with Yup
7.11Async validation
7.12Error and help messaging
7.13Accessible form controls
7.14File and image uploads
7.15Wizards and multi-step forms
8. Styling Strategies and UI Libraries0 views
Apply modern styling approaches and leverage popular UI kits for rapid development.
15 topics (15 versions)
8.1CSS Modules
8.2Styled Components
8.3Emotion
8.4Tailwind CSS
8.5Material UI
8.6Theming systems
8.7CSS variables
8.8Responsive design
8.9Flexbox essentials
8.10CSS Grid essentials
8.11Naming and BEM
8.12CSS-in-JS trade-offs
8.13Global styles and resets
8.14Dark mode strategies
8.15Framer Motion basics
9. State Management with Redux0 views
Understand Redux fundamentals and when centralized state adds value.
15 topics (15 versions)
9.1When Redux is needed
9.2Core principles
9.3Store configuration
9.4Actions and action creators
9.5Reducers and immutability
9.6Selector patterns
9.7Reselect memoization
9.8Normalized state
9.9Middleware overview
9.10Redux DevTools
9.11Immutable update utilities
9.12React-Redux bindings
9.13mapState and mapDispatch
9.14Performance with selectors
9.15Common anti-patterns
10. Redux Toolkit and Modern Patterns0 views
Adopt Redux Toolkit and RTK Query to streamline state and data workflows.
15 topics (15 versions)
10.1configureStore
10.2createSlice
10.3Immer under the hood
10.4createAsyncThunk
10.5EntityAdapter
10.6RTK Query overview
10.7API slice setup
10.8Caching and invalidation
10.9Auto-generated hooks
10.10Code splitting reducers
10.11Listener middleware
10.12Serializability checks
10.13Type safety patterns
10.14Project structure
10.15Migrating to RTK
11. Async Flows: Thunks, Sagas, and Data Fetching0 views
Handle asynchronous logic, side effects, and resilient data fetching patterns.
15 topics (15 versions)
11.1Async patterns overview
11.2Thunks deep dive
11.3Redux-Thunk setup
11.4Sagas overview
11.5Generator effects
11.6Observables with Redux-Observable
11.7Fetching with fetch and axios
11.8Cancellation and AbortController
11.9Loading and error states
11.10Pagination and infinite scroll
11.11Debounce and throttle
11.12WebSockets and real-time
11.13Optimistic updates
11.14URL sync and query state
11.15CORS and security
12. Testing React and Redux Applications0 views
Write reliable unit, integration, and end-to-end tests to safeguard behavior.
15 topics (15 versions)
12.1Testing philosophy
12.2Jest fundamentals
12.3React Testing Library
12.4Rendering components
12.5Querying the DOM
12.6User events
12.7Mocking modules
12.8Mocking network requests
12.9Snapshot testing
12.10Testing custom hooks
12.11Testing Redux slices
12.12Integration tests with store
12.13E2E testing overview
12.14Cypress basics
12.15Coverage reporting
13. Performance Optimization and Code Splitting12 views
Diagnose bottlenecks and ship fast experiences with targeted optimizations.
15 topics (15 versions)
13.1Rendering performance basics
2
13.2React.memo usage
1
13.3useMemo and useCallback
1
13.4Keys and list diffing
1
13.5Avoiding prop churn
1
13.6Virtualization with react-window
1
13.7Dynamic import code splitting
1
13.8React.lazy and Suspense
13.9Bundle analyzers
1
13.10Tree shaking strategies
1
13.11Image optimization
13.12Caching and HTTP headers
1
13.13Service workers
13.14PWA fundamentals
13.15Measuring with Web Vitals
1
14. TypeScript with React and Redux0 views
Introduce static typing to improve correctness, refactoring safety, and DX.
15 topics (15 versions)
14.1Project setup with Vite and TS
14.2tsconfig essentials
14.3Typing props and state
14.4Function components and FC
14.5Typing hooks and refs
14.6Generics in components
14.7Discriminated unions
14.8Typing events
14.9Utility types
14.10Typing context
14.11Typing Redux slices
14.12Typing thunks
14.13RTK Query types
14.14JSX typing pitfalls
14.15Strict mode strategies
15. Build, Deploy, and Maintain Production Apps0 views
Prepare, ship, and operate React and Redux apps with confidence in production.
15 topics (15 versions)
15.1Environment configuration
15.2Managing .env files
15.3Browserslist and targets
15.4Linting and formatting
15.5Pre-commit hooks
15.6Continuous integration
15.7Continuous deployment
15.8Static hosting and CDNs
15.9SPA vs MPA deployment
15.10SSR and hydration overview
15.11Security headers and CSP
15.12Error monitoring and Sentry
15.13Logging and analytics
15.14Feature flags and toggles
15.15Release management