Intro to Data Science: QuickStart Guide + AI & ChatGPT Prize

Module 1: React Fundamentals & Project Setup

⏳ 1 hour

• Installing Create React App or Vite, project structure, and development tooling

• JSX syntax, component props, and rendering lists

Module 2: State Management with Hooks

⏳ 1.5 hours

• Using useState for local state, useEffect for side effects

• Building custom hooks to encapsulate reusable logic

Module 3: Advanced Hooks & Context

⏳ 1 hour

• useReducer for complex state, useContext for global state

• Patterns for structuring context providers and consumers

Module 4: Routing & Navigation

⏳ 1 hour

• Setting up React Router v6: <Routes>, <Route>, nested routes

• Programmatic navigation, protected routes, and dynamic parameters

Module 5: Data Fetching & Caching

⏳ 1.5 hours

• Fetching data with fetch/Axios and handling loading/error states

• Integrating React Query for caching, background refetch, and pagination

Module 6: Styling React Apps

⏳ 1 hour

• CSS Modules vs. styled-components vs. Tailwind CSS

• Theming, responsive design, and utility-first approaches

Module 7: Testing React Components

⏳ 1 hour

• Writing unit tests with Jest, snapshot testing

• Integration tests with React Testing Library: queries, events, and async assertions

Module 8: Performance Optimization & Deployment

⏳ 1 hour

• Code splitting with React.lazy and Suspense, memoization with React.memo and useCallback

• Building production bundles and deploying to Netlify, Vercel, or GitHub Pages

Get certificate