React 19 Приложение "События"

Space of React

требуется вход

Войдите, чтобы смотреть видео

Видеоуроки, интерактивный редактор и сохранение прогресса — бесплатно, сразу после входа.

Войти Создать аккаунт — бесплатно

Закончили урок?

Войдите, чтобы отмечать прогресс

Войти

Урок

React 19 Приложение "События" — УрокЗапросы аунтентификации — React 19 Приложение "События" | Max Roslow | Space of React

Токен авторизации

Хелперы для чтения, сохранения и удаления JWT токена в localStorage.

client/src/shared/api/auth-token.ts


export const AUTH_TOKEN_STORAGE_KEY = 'events_auth_token';

export function getAuthToken(): string | null {
    return localStorage.getItem(AUTH_TOKEN_STORAGE_KEY)
}

export function setAuthToken(token: string | null) {
    if (token) {
        localStorage.setItem(AUTH_TOKEN_STORAGE_KEY, token)
    } else {
        localStorage.removeItem(AUTH_TOKEN_STORAGE_KEY)
    }
}

Типы env переменных Vite

Типизация import.meta.env для безопасного доступа к VITE_API_URL.

client/src/vite-env.d.ts


/// <reference types="vite/client"/>

interface ImportMetaEnv {
    readonly VITE_API_URL: string;
}

interface ImportMeta {
    readonly env

HTTP клиент

Axios инстанс с базовым URL из .env и автоматической подстановкой Bearer токена в заголовок Authorization.

client/src/shared/api/http.ts


import axios, { AxiosError } from 'axios'
import { getAuthToken } from

Общие API типы

Типы для ошибок API, пользователя, авторизации и запросов на логин и регистрацию.

client/src/shared/api/types.ts


export type ApiFieldError = {
    path: string
    message: string
}

export