Приложение "Погода" - 2/2 (Tailwind CSS, React)
В предыдущем уроке ми написали основную логику приложения "Погода" на React JS, а сегодня уже будем работать над созданием интерфейс.
Для стилизации компонент будем использовать библиотеку Tailwind. В начале уроке пройдемся по настройке и основным принципам работы с библиотекой, а дальше уже будем оформлять интерфейс.
Также добавим график с помощью такой библииотеки как Chart.js. Покажу вам как взаимодефствовать с ней в React JS, а также бонусом поговорим о настройке плагинов.
0:00 - Знакомство с библиотекой Tailwind
7:37 - UI
16:54 - UX
21:54 - Как добавить график chart.js в react
28:23 - Домашнее задание
Код урока:
https://github.com/ateros-lab/weather...
Документация по Tailwind CSS:
https://tailwindcss.com/docs/installa...
Курс "Визуализация данных":
• Визуализация данных на JavaScript
Документация по плагину:
https://chartjs-plugin-datalabels.net...
#tailwindcss #react #reactjs #ui #ux #design #frontend #web #dev #js #chart #chartjs