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