Продолжительность
3 ч 42 мин 22 сек
Количество уроков
34 Видео
Дата добавления
07.12.2019
Дата обновления
07.10.2021
Изучите отраслевые секреты создания красивых и быстрых панелей с помощью React, Context API, styled-components и CSS Grid.
Обновлен для React Context, CRA 2.0 и Styled-Components V4!
Создайте полную панель управления криптовалютой с помощью этого профессионального курса React!
- Страница настроек с приветствием
- Приветствие пользователя при первом посещении с просьбой выбрать его избранное
- Предоставление 5 монет по умолчанию в качестве избранных и полный список всех монет
- Поиск монет
- Hover и выбор монет
- Добавление / удаление монет в списке избранных
- Отключение выбранных монет
- Подтвердите любимую монету
- Запоминаем эти значения для пользователя
- Генерируем цены на панель инструментов и данные с истории
- Панель приборов
- Данные инициализируются из запомненных избранных или пересылаются на страницу настроек
- Отображаем 5 основных карт для первых 5 фаворитов и компактные карты для следующих 5
- Отображаем линейный график для 10 исторических точек на текущем любимом символе
- Отображения исторических точек по Дате: Дни Недели Месяцы
- Отображаем имя и изображение монеты рядом с графиком
- БОНУС: Темы
React предназначен не только для экспертов в отрасли, но и для начинающих. Начните с React, поскольку это действительно самый простой способ создания приложений.
Проект create-react-app - это удивительный шаблон для быстрого создания приложений. Вам больше не нужно беспокоиться о Webpack, инструментах для сборки и т. д. Все это решается с помощью единственного стартового проекта, который вам нужен: create-react-app.
Проходит каждая строка кода, так как проект создается с нуля, без пропущенных шагов или потерянного времени.
Вы увидите, как быстро все будет сделано с мощью React Context, styled-components v4, последнего достижения в парадигме CSS-in-JS.
С HighCharts мы покажем вам, как запускать HighCharts с React, и настроим тему в соответствии с нашим проектом.
Сложные изменения данных в наших фаворитах влекут за собой строгое знание потока состояний, поэтому мы должны позаботиться о том, чтобы объяснить каждый аспект того, насколько важно поддерживать наше состояние React, и создавать только чистые переменные.
