| Components | - Identify the basic structure of React components.
- Utilize state and props within components.
- Apply event handlers for user interactions.
- Declare and use lifecycle methods and hooks.
- Utilize the Context API.
| 32% | 29 |
| State Management | - Define state management using hooks.
- Implement context for global state management.
- Utilize external state management libraries like Redux.
| 11% | 10 |
| Event Handling | - Implement event handlers for various user interactions.
- Utilize synthetic events for consistent event handling.
- Manage form events and submissions.
| 11% | 10 |
| Lifecycle Methods and Hooks | - Recognize React component lifecycle methods.
- Apply good practices for using hooks.
- Utilize hooks for managing side effects and performance.
| 6% | 5 |
| Rendering and Performance | - Create and optimize React components for performance.
- Utilize keys for efficient rendering of lists.
- Implement memoization techniques to optimize performance.
| 14% | 13 |
| Routing | - Implement routing using React Router.
- Manage navigation and dynamic routing in a React application.
- Handle nested routes and route parameters.
| 8% | 7 |
| Testing | - Use testing libraries like Jest and React Testing Library.
- Implement unit tests for React components.
- Write integration tests for React applications.
| 5% | 4 |
| Styling | - Style components using CSS-in-JS libraries like styled-components.
- Apply global styles using CSS or pre-processors like SASS.
- Use utility-first CSS frameworks like Tailwind CSS.
| 14% | 13 |
