Программирование [Wes Bos] FullStack Advanced React + GraphQL (2018)

[𝕯𝖆𝖗𝖐🥰𝕬𝖓𝖌𝖊𝖑]

Автор: Wes Bos​

Название: FullStack Advanced React + GraphQL (2018)​

Продолжительность: 15 ч 43 мин Количество уроков: 83 Видео Язык: Английский Вес архива: 3,16 ГБ

FullStack Advanced React + GraphQL — углубленный практический курс, который помогает перейти от базового владения React к полноценной работе с современным full‑stack приложением. Вы шаг за шагом создадите реальный проект, освоите GraphQL, научитесь строить API нового поколения и разрабатывать масштабируемые интерфейсы с использованием лучших инструментов JavaScript.

Что вы создадите на курсе

Вы разработаете полноценный интернет-магазин «Sick Fits» c функциями поиска, продажи, добавления товаров в корзину и оформления заказов. Приложение включает полноценный фронтенд и бэкэнд, интеграцию с платежной системой, аутентификацию, управление разрешениями и продвинутую серверную логику.

Основные модели приложения

• Users
• Items
• Orders
• CartItems
• OrderItems

Эти модели демонстрируют возможности реляционных запросов и сложных мутаций GraphQL.

Технологический стек

React.js

• Next.js — серверный рендеринг, маршрутизация, tooling
• Styled Components — современный подход к стилям
• React-Apollo — взаимодействие с Apollo Client
• Jest и Enzyme — тестирование компонентов

Apollo Client

• Запросы и мутации GraphQL
• Кэширование данных
• Управление локальным состоянием
• UI состояния загрузки и ошибок
• Заменяет необходимость в Redux

GraphQL Yoga

• Запросы, мутации и серверная логика
• Платежи через Stripe
• Отправка писем
• Аутентификация JWT
• Система разрешений

Prisma

• CRUD API для MySQL, Postgres или MongoDB
• Схема и связи данных
• Запросы напрямую из Yoga Server
• Поддержка self-hosted или SaaS

Почему GraphQL — это важно

GraphQL — современный подход к работе с данными, который заменяет или дополняет REST. Он позволяет клиенту запрашивать только нужную информацию, а серверу — гибко управлять бизнес-логикой, фильтрацией и доступом.

В курсе вы примените GraphQL для:

• качественного кэширования данных
• быстрой обработки ошибок и состояний загрузки
• выполнения сложных реляционных операций
• реализации аутентификации и полномочий

Кому подходит курс

Этот курс отлично подходит:

• веб-разработчикам, которые хотят прокачать навыки React, Node и GraphQL
• frontend‑разработчикам, стремящимся освоить full‑stack
• разработчикам Node.js, изучающим GraphQL в продакшене
• выпускникам bootcamp‑ов
• тем, кто хочет стать сильнее в современном JavaScript

Необходимая подготовка

• Основа React: компоненты, состояние, props, обработчики событий
• Современный JavaScript (ES6+): стрелочные функции, async/await, промисы, классы
• Знание Node.js — желательно, но не обязательно

От вас не требуется знаний GraphQL, Prisma, баз данных или тестирования — всему этому вы научитесь в процессе.

Чему вы научитесь

В каждом уроке вы внедряете новую концепцию в приложение и видите её практическое применение. По ходу курса многие темы повторяются в разных контекстах, формируя устойчивые навыки.

Темы и навыки, которые вы освоите

• Лучшие практики React
• Server Side Rendering (SSR)
• Styled Components и темизация
• Маршрутизация
• Render Props и современные паттерны
• Схема GraphQL, запросы и мутации
• JWT аутентификация и разрешения
• Resolvers и логика сервера
• Кэширование и управление состоянием Apollo
• Загрузка, ошибки и UI состояния
• Работа с изображениями и хостингом
• Платежи и Stripe
• Пагинация
• Формы и валидация
• Анимации
• Работа с внешними компонентами
• Юнит‑тестирование (Jest + Enzyme)
• Mocking, shallow и full rendering
• Развертывание приложения

СКАЧАТЬ: