React & TypeScript

React from fundamentals to Server Components, plus TypeScript foundations for modern frontend development.

15 courses Beginner · Intermediate · Advanced

Beginner

4 courses

React Fundamentals

React from scratch — JSX, components, styling, hooks, props/state, side effects and forms.

Beginner

Working with Components in React

Implement components, share state with Context, handle errors and improve component UI performance.

Beginner

Using Vite with React

Why Vite for React — getting started, HMR, builds, modern tooling and testing with Vitest.

Beginner

TypeScript Foundations The Big Picture

typescript · foundations · react · frontend · development · type · maps · source · components · javascript · tsc · adoption · application · case · compiler · data · enums · essential · fr...

Beginner

Intermediate

9 courses

Working with Data in React

Core data patterns, Context for data and forms, Suspense, enterprise features and Server Actions.

Intermediate

Managing State in React 18

Local, remote, URL and web-storage state, derived state, forms, refs, useReducer and Context.

Intermediate

Using Hooks in React 19

Built-in hooks and custom hooks, performance with memoization and forms with useActionState.

Intermediate

Styling Apps in React 18

Compare React styling techniques — CSS-in-JS (styled-jsx) and CSS Modules with best practices.

Intermediate

Using TypeScript with React

Add TypeScript to React, convert a JS app and add runtime type safety with Zod.

Intermediate

TypeScript Foundations Arrays and Collections

This course covers four specific data structures: arrays, tuples, sets and maps. The main goal is to understand how these structures work in TypeScript.

Intermediate

TypeScript Foundations Essentials for JavaScript Developers

The training first offers a little theory, then moves very quickly to practical application and code. All of the code used in the course is available in a public GitHub repository, free t...

Intermediate

TypeScript Foundations Object-oriented Programming in TypeScript

A static member (property or method) of a class is accessible independently of a specific instance. It is shared by the class itself, not by its instances.

Intermediate

TypeScript Foundations

typescript · foundations · react · frontend · development · type · types · function · union · interface · options · tsconfig.json · enum · literal · object · optional · overloads · parame...

Intermediate

Advanced

2 courses

Server Component Fundamentals in React 19

React Server Components — async data, Suspense, Next.js routing and migrating a SPA.

Advanced

Authentication and Authorization in React

AuthN vs AuthZ, the BFF pattern, cookie auth, OIDC/OAuth2, JWTs and RBAC in React.

Advanced

Interested in React & TypeScript?

Get in Touch Back to Frontend Development