Визуализация данных с React - Создаем панель (Dashboard) криптовалюты

Изучите отраслевые секреты создания красивых и быстрых панелей с помощью 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, и создавать только чистые переменные.