Contact Me
React Skills
Fundamentals
JSX & Rendering:
How JSX converts to React elements; virtual DOM and diffing.
Props & State:
Passing data between components; immutable state updates.
Lifecycle / Effects:
Using useEffect for side effects, clean-ups, and dependency arrays.
Event Handling:
Synthetic events, form submissions, and controlled vs. uncontrolled inputs.
Advanced Hooks
useState & useReducer:
Local state management and complex state logic with reducers.
useEffect Deep Dive:
Managing side effects, async operations, and clean-up functions.
useMemo & useCallback:
Memoizing expensive computations and stabilizing callback references.
Custom Hooks:
Abstracting logic for reuse; patterns for composing hooks.
useContext:
Global state management without prop drilling; creating context providers.
useRef & useImperativeHandle:
Accessing DOM elements and exposing imperative methods from functional components.
State Management & Patterns
Redux / Redux Toolkit:
Centralized state management, reducers, actions, and thunks.
Context API:
Lightweight global state without third-party libraries.
MobX / Zustand:
Alternative state management approaches for scalable apps.
Code Architecture:
HOCs, render props, compound components, and smart/dumb component patterns.
Performance & Testing
Code Splitting & Lazy Loading:
Optimizing bundle size using dynamic imports and React.lazy.
Memoization Techniques:
Using React.memo, useMemo, and useCallback to avoid unnecessary re-renders.
Error Boundaries:
Handling errors gracefully in the component tree.
Testing:
Unit and integration testing with Jest and React Testing Library.
Next.js & Full-Stack
App Router & SSR:
Server components, nested layouts, and SEO benefits.
Static Generation & ISR:
Pre-rendering pages at build time and updating statically generated pages.
API Routes:
Serverless functions and backend integration in Next.js.
Deployment:
Continuous deployment on Vercel, Netlify, and environment configuration.
Ecosystem & Future Learning
React Query:
Efficient data fetching, caching, and synchronization.
Supabase & Authentication:
Integrating backend services for auth and real-time data.
TypeScript:
Enhancing React apps with static typing and interfaces.
GraphQL:
Data querying and mutations with Apollo Client or Relay.
React Native:
Building cross-platform mobile applications.
Accessibility & i18n:
Creating inclusive UIs and supporting multiple languages.
