Изучите отраслевые секреты создания красивых и быстрых панелей с помощью 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, и создавать только чистые переменные.
Посмотреть больше
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
React Data Visualization - Build a Cryptocurrency Dashboard,
а также все другие курсы, прямо сейчас!
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
В рамках этой программы Data Visualization for React Developers, ориентированной на разработчиков, которые хотят или создают простые визуализации для своей работы, мы будем проходить фундаментальные теории визуализации, применять их к различным типам диаграмм и формулировать правильные ситуации для их использования. Мы рассмотрим, как мы можем использовать D3 для генерации данных и как использовать React для их рендеринга. Наконец, мы рассмотрим
Узнайте, как использовать D3 (v5) и Firebase (Firestore) для создания динамических визуализаций данных SVG. Гистограммы, круговые диаграммы и тд. D3.js - это мощная библиотека JavaScript, которая позволяет легко создавать визуализации данных. В этом курсе я научу вас, как использовать возможности D3 для создания различных визуализаций, управляемых данными, таких как гистограммы, круговые диаграммы, линейные графики, пузырьковые пакеты и древовидн
Хватит копипастить примеры D3! Создавайте собственные визуализации данных. Узнайте, как создавать масштабируемые компоненты, которые смогут понять все в вашей команде.
Я разработчик FullStack с более чем 10-летним опытом. Я одержим чистым кодом и изо всех сил стараюсь, чтобы в моих курсах был максимально чистый код. Мой стиль преподавания очень прост, я не буду тратить слишком много времени на объяснение всех способов, которыми вы можете создать что-то или другую ненужную информацию, чтобы увеличить продолжительность моих лекций. Если вы хотите быстро научиться чему-то, этот курс для вас.
frontendmasters
