Prowid logo — programming courses PROWIDIT Education Academy

React

React course — Prowid
Course duration
2 months / 10 lessons
Individual
Per month 160 AZN
Group
Per month 130 AZN
Paying for the full course in a group
15% discount
Installments
50/50
Subscription
from 30 AZN a month
React is the most popular JavaScript library for building user interfaces. In this course you will learn modern React with hooks and TypeScript through a real-world project.

Enrollment for a new group is open — send a request to reserve your seat

Lessons are taught live in Azerbaijani and Russian.

Enroll in the course Free trial lesson

Or study on your own in your personal account → with a subscription from 30 AZN a month

Course curriculum

Introduction to React: creating a project with Vite, JSX
Components, props and fragments
State and events: useState
Conditional rendering, lists and keys
Forms: controlled components, React Hook Form
Styling components: CSS Modules, Tailwind CSS
Side effects and refs: useEffect, useRef, portals
Context API and useReducer
Custom hooks
React Router: routing in an SPA
Working with the server: fetch and TanStack Query
Global state: Redux Toolkit and Zustand
React 19: Actions, useActionState, useOptimistic; React Compiler and performance
React + TypeScript and testing with Vitest
Class components: a brief overview for legacy code
Final project and deployment to Vercel
How do we teach?

Learning stages

01

Webinar

Students join the lesson live. At the end of each lesson, students are sent a video recording of the class.

02

Homework

Every assignment is based on the topic covered in the webinar. Homework helps you reinforce the material and understand it better.

03

Working with a mentor

The teacher stays in touch with the group both during the course and outside class. Any questions get answered right away.

04

Portfolio

During the course you'll complete several projects on different topics — they'll show employers what you can do.

Self-paced learning

The full curriculum in your personal account

122 topics with theory, examples and practice. The first 4 are free, the rest come with a subscription. Interactive lessons with slides and coding trainers: 109.

Start for free Subscription from 30 AZN a month
Getting Started with React6 topics
  1. What React Is and Why Use It
  2. Creating a React Project with Vite
  3. Project Structure: index.html, main.jsx and createRoot
  4. JSX: Markup in JavaScript and Curly-Brace Expressions
  5. JSX Rules: Single Root, Fragments and What Gets Rendered
  6. Developer Tools: React DevTools and ESLint
Components and Props7 topics
  1. Function Components: Creating, Nesting, Importing and Exporting
  2. Props: Passing Data to Components
  3. Children and Component Composition
  4. Conditional Rendering: if, Ternary and &&
  5. Rendering Lists and Keys
  6. Pure Components and StrictMode
  7. Project: Portfolio Page Built from Components
Events and State10 topics
  1. Handling Events: onClick, onChange and the Event Object
  2. The useState Hook: Component State
  3. How React Updates the Screen: Trigger, Render, Commit
  4. State as a Snapshot and Updater Functions
  5. Updating Objects in State Immutably
  6. Updating Arrays in State: Add, Remove, Change
  7. Structuring State Well
  8. Lifting State Up and a Single Source of Truth
  9. Preserving and Resetting State: Tree Position and key
  10. Project: Counter and Todo List
Forms5 topics
  1. Controlled Inputs: input and textarea
  2. Select, Checkbox and Radio in React
  3. Submitting Forms: onSubmit, preventDefault and FormData
  4. Uncontrolled Inputs: defaultValue and File Uploads
  5. Manual Form Validation: Errors, Touched State and Accessible Messages
Styling Components6 topics
  1. Adding CSS: className, Global and Inline Styles
  2. CSS Modules: Scoped Component Styles
  3. Conditional Classes and Component Variants with clsx
  4. Tailwind CSS: Setup in Vite and Utility Basics
  5. Reusable Tailwind Components: cn, Variants and Dark Mode
  6. Project: Product Catalog with Filters and Sorting
Refs, Effects and Portals11 topics
  1. useRef: Values That Don't Trigger Re-renders
  2. Accessing the DOM with Refs: Focus, Scrolling and Measuring
  3. ref as a Prop and useImperativeHandle
  4. useEffect: Synchronizing with External Systems
  5. Effect Dependencies: When Effects Re-run
  6. Effect Cleanup: Timers, Subscriptions and Event Listeners
  7. Fetching Data in useEffect: Loading, Errors and Race Conditions
  8. You Might Not Need an Effect: Common Anti-patterns
  9. useEffectEvent: Separating Events from Effects
  10. Portals: Modals, Tooltips and Notifications
  11. Project: Movie Search with a Public API
useReducer, Context and Custom Hooks8 topics
  1. useReducer: Moving State Logic into a Reducer
  2. Context API: Passing Data Without Prop Drilling
  3. Context + useReducer: Scaling State Management
  4. Context Performance and Its Limits
  5. Custom Hooks: Extracting and Reusing Logic
  6. Practical Hooks: useLocalStorage, useDebounce, useFetch and More
  7. Component Patterns: Compound Components, Render Props and HOCs
  8. Project: Quiz App with useReducer and Context
Suspense, Error Boundaries and React 1911 topics
  1. Suspense: Fallback UI While Loading
  2. Lazy Loading Components: lazy and Code Splitting
  3. Class Components: An Overview for Legacy Code
  4. Error Boundaries
  5. useTransition: Transitions and Async Actions
  6. Form Actions: the action Prop and useFormStatus
  7. useActionState: Action Results and Errors
  8. useOptimistic: Optimistic UI Updates
  9. The use() API: Reading Promises and Context
  10. More React 19 Features: Document Metadata, Activity and Resources
  11. Project: Comment Feed with Actions and useOptimistic
Routing with React Router v710 topics
  1. React Router v7: Setup, Modes and First Routes
  2. Navigation: Link, NavLink and useNavigate
  3. Nested Routes, Outlet and Layout Routes
  4. Dynamic Segments: Route Params and useParams
  5. Query Strings: useSearchParams and State in the URL
  6. Loading Route Data: loader and useLoaderData
  7. Router Mutations: action, Form and useFetcher
  8. Route Error Handling: ErrorBoundary and 404
  9. Protected Routes and Redirects
  10. Project: Admin Dashboard with Routing
Server Data with TanStack Query8 topics
  1. The API Layer: A fetch Wrapper and HTTP Error Handling
  2. TanStack Query: Server State and Your First useQuery
  3. Query Keys and Caching: staleTime, gcTime and Refetching
  4. Pagination and Infinite Scroll: placeholderData and useInfiniteQuery
  5. Mutations: useMutation and Cache Invalidation
  6. Optimistic Updates in TanStack Query
  7. TanStack Query + React Router: Prefetching in Loaders and Suspense
  8. Project: CRUD Notes App with TanStack Query
Global State: Zustand and Redux Toolkit7 topics
  1. Kinds of State and Choosing the Right Tool
  2. Zustand: A Simple Global Store
  3. Zustand in Practice: persist, devtools and Slices
  4. Redux Toolkit: Store, Slices, useSelector and useDispatch
  5. Async Logic in Redux: createAsyncThunk
  6. RTK Query: Data Fetching in the Redux Ecosystem
  7. Project: Online Store with a Global-State Cart
TypeScript with React6 topics
  1. TypeScript in a React Project: the react-ts Template and tsconfig
  2. Typing Props and Children
  3. Typing State and Events
  4. Typing useRef, useReducer and Context
  5. Generic Components and Typing Custom Hooks
  6. Project: Migrating the Online Store to TypeScript
Professional Forms: React Hook Form and Zod6 topics
  1. React Hook Form: register, handleSubmit and Errors
  2. Zod: Validation Schemas and Data Types
  3. React Hook Form + Zod: zodResolver and Error Messages
  4. Controller and useFieldArray: Third-Party Inputs and Dynamic Fields
  5. Submitting to the Server: isSubmitting, setError and Mutations
  6. Project: Multi-Step Application Form
Performance7 topics
  1. Why Components Re-render: Causes and Wasted Renders
  2. Profiling: React DevTools Profiler and Performance Tracks
  3. memo and useMemo: Skipping Renders and Caching Calculations
  4. useCallback and When Not to Memoize
  5. React Compiler: Automatic Memoization
  6. useDeferredValue: Keeping the UI Responsive During Heavy Renders
  7. Virtualizing Long Lists
Testing with Vitest and React Testing Library6 topics
  1. Vitest: Setup and First Tests
  2. React Testing Library: Rendering and Querying Elements
  3. Testing Interactions: user-event and Mock Functions
  4. Async Tests and Mocking APIs with MSW
  5. Testing with Providers, Router and Custom Hooks
  6. Project: Test Coverage for the Online Store
Production: Accessibility, Auth and Deployment8 topics
  1. Accessibility (a11y): Semantics, ARIA and Focus Management
  2. React App Architecture: Feature-Based Structure and Aliases
  3. Environment Variables in Vite: .env Files and Build Modes
  4. JWT Authentication: Login, Token Storage and Sessions
  5. Refreshing Tokens: Refresh Tokens and Retrying on 401
  6. Building and Deploying to Vercel and Netlify
  7. Server Components Overview: A Bridge to Next.js
  8. Final Project: A Full-Featured React App

Group and individual classes include a teacher, homework review and a certificate. The subscription gives you materials, exercises and progress tracking at your own pace, without teacher feedback.

React course: how to enroll

Fill in the form and we will tell you the start date of the next group, the schedule and payment terms. Or come to a free trial lesson first.

+994 77 333 38 36 Or message us on WhatsApp right away info@prowid.com

By submitting the form, you agree that your data will be used only to contact you.

WhatsApp