Приложение "Погода" - 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

Комментарии • 5

  • @alexandrs7563
    @alexandrs7563 3 месяца назад +2

    Очень полезный урок, охватывает множество тем
    Было бы интересно посмотреть на реализацию через RQ

    • @AterosDev
      @AterosDev  3 месяца назад

      Спасибо, мне приятно) 🙏 Возьму на заметку, что вам это интересно 😉

    • @alexandrs7563
      @alexandrs7563 3 месяца назад +1

      @@AterosDev жду какой-нибудь большой проект с хорошим дизайном с условного биханс 💪

  • @user-ub5oo5ce8q
    @user-ub5oo5ce8q 3 месяца назад +1

    🔥🔥🔥🔥

    • @AterosDev
      @AterosDev  3 месяца назад

      Спасибо) 🙏🙏