<h3 class="uui-heading-subheading">Component Development</h3><div class="jtbd-card"><div class="jtbd-card-single">Creating reusable UI components using React hooks and context.</div><div class="jtbd-card-single">Implementing styled-components for consistent theming across applications.</div><div class="jtbd-card-single">Building accessible components that comply with ARIA standards.</div><div class="jtbd-card-single">Optimizing component performance using React.memo and useCallback.</div></div><h3 class="uui-heading-subheading">State Management</h3><div class="jtbd-card"><div class="jtbd-card-single">Integrating Redux for centralized state management in complex applications.</div><div class="jtbd-card-single">Implementing React Query for efficient server-state management.</div><div class="jtbd-card-single">Creating custom context providers for specific application sections.</div><div class="jtbd-card-single">Using Zustand for lightweight state management in smaller apps.</div></div><h3 class="uui-heading-subheading">Testing & Debugging</h3><div class="jtbd-card"><div class="jtbd-card-single">Writing unit tests using Jest for individual React components.</div><div class="jtbd-card-single">Creating end-to-end tests with Cypress for user flows.</div><div class="jtbd-card-single">Using React Testing Library for component integration testing.</div><div class="jtbd-card-single">Debugging state issues with React DevTools and console logs.</div></div><h3 class="uui-heading-subheading">Performance Optimization</h3><div class="jtbd-card"><div class="jtbd-card-single">Using code-splitting to improve initial load times with React.lazy.</div><div class="jtbd-card-single">Analyzing bundle size with Webpack and optimizing dependencies.</div><div class="jtbd-card-single">Implementing memoization to prevent unnecessary re-renders.</div><div class="jtbd-card-single">Profiling components with the React Profiler for performance insights.</div></div>