egghead
Проект egghead.io представляет огромный выбор курсов и скринкастов для разработчиков любого уровня и профессии.
Продолжительность
0 ч 57 мин
Категория
React.jsКоличество уроков
12 Видео
Дата добавления
16 нояб. 2019 г., 17:31
Язык
Английский
Дата обновления
29 апр. 2026 г., 05:27
Этот курс поможет вам быстро и уверенно начать работу с Preact — легковесной и производительной альтернативой React. Вы шаг за шагом разберёте процесс настройки окружения, изучите особенности API и узнаете, как эффективно использовать экосистему React вместе с Preact.
Что вы изучите в этом курсе
Курс построен так, чтобы вы могли перейти от пустой директории к полностью рабочему приложению на Preact. Каждая глава сфокусирована на практических шагах, необходимых для запуска проекта и построения интерфейса.
Настройка окружения
Вы узнаете, как правильно настроить инструменты разработки, чтобы обеспечить удобный рабочий процесс и оптимальную сборку.
- Инициализация проекта с нуля
- Настройка Webpack для сборки приложения
- Использование Babel для трансформации современного JavaScript
- Конфигурирование инструментов под особенности Preact
Основы работы с Preact
В этой части вы начнете разбираться в API Preact и научитесь создавать интерфейсы, используя знакомые концепции из React.
- Создание компонентов
- Работа со свойствами и состоянием
- JSX и рендеринг
- Ключевые отличия Preact от React
Совместимость с популярными библиотеками
Preact совместим со многими инструментами React-экосистемы. Вы узнаете, как интегрировать эти решения в ваш проект.
- Использование Redux для управления состоянием
- Работа с React Router для маршрутизации
- Интеграция Redux DevTools
- Подключение React DevTools
Практическая часть курса
Каждый урок сопровождается рабочими примерами, а структура репозитория позволяет легко отслеживать прогресс — название ветки соответствует названию урока. Это обеспечивает удобную навигацию и быстрый доступ к нужным материалам.
Материалы курса
Вы можете найти весь исходный код по ссылке ниже:
https://github.com/eggheadio-projects/up-and-running-with-preact
Кому подойдет этот курс
Курс ориентирован на разработчиков, которые хотят:
- быстро освоить Preact с нулевых настроек;
- переходить с React, сохраняя знакомый подход;
- создавать быстрые и компактные интерфейсы;
- использовать современный стек инструментов.
Итог
Освоив этот курс, вы научитесь создавать производительные приложения на Preact, правильно настраивать окружение и эффективно использовать инструменты экосистемы React. Это отличный старт для разработки лёгких и быстрых фронтенд‑решений.
- Урок 1.00:03:25Install Development Tools for Preact
- Урок 2.00:05:45Configure Webpack 2 and Babel for use with Preact
- Урок 3.00:04:58Create a Hello World App with Preact
- Урок 4.00:04:32Define Functional Components in Preact
- Урок 5.00:06:13Define Stateful Components in Preact
- Урок 6.00:02:01Use State and Props in the Component Render Function
- Урок 7.00:05:26Use Link State to Automatically Handle State Changes
- Урок 8.00:04:04Reduce the Size of a React App in Two Lines with preact-compat
- Урок 9.00:06:36Handle Simple Routing with preact-router
- Урок 10.00:06:44Integrate react-router with Preact
- Урок 11.00:06:23Integrate Redux with Preact
- Урок 12.00:01:42Use Redux Dev-Tools with Preact
Автор - egghead
Комментарии