Так не пишіть React компоненти. Show Your Code Saturday №3

Поділитися
Вставка
  • Опубліковано 24 тра 2024
  • Стати спонсором каналу:
    / @maksymrudnyi
    Буду вдячний за підтримку каналу:
    Patreon - / rudnyi
    BuyMeACoffee - www.buymeacoffee.com/maksymru...
    Mono Bank - send.monobank.ua/jar/6oqhydjLGp
    або так - 5375 4114 0505 7287
    Приват банк - 4627 0551 1331 6110
    Давайте дружити:
    Telegram ↣ t.me/maksymrudnyi
    Telegram чат ↣ t.me/joinchat/H4AF4W4dfGeGepNQ
    INSTAGRAM ↣ / maksym_rudnyi
    TWITTER ↣ / maksymrudnyi
    FACEBOOK ↣ / travelscode
    WEB-SITE ↣ travelscode.com/
    GITHUB ↣ github.com/MaksymRudnyi/
    Другий UA-cam канал ↣ / travelscode
  • Наука та технологія

КОМЕНТАРІ • 28

  • @vitaliy3440
    @vitaliy3440 Місяць тому +2

    Дуже дякую!!!!

    • @MaksymRudnyi
      @MaksymRudnyi  Місяць тому

      Сподіваюсь огляд був корисним і є на ще звернути увагу.

  • @mmospanenko
    @mmospanenko Місяць тому +1

    Стільки нових класних каналів, не встигаю лайкати та підписуватися, це дуже круто😊

    • @MaksymRudnyi
      @MaksymRudnyi  Місяць тому

      Нових каналів дійсно багато. Не знаю чи можу віднести свій канал до нових - уже 4 роки веду його.

  • @vozdrok
    @vozdrok Місяць тому +1

    як завжди - люююююкс !

  • @voskobovych
    @voskobovych Місяць тому +1

    Дякую за ревью 🤝
    Було корисно.

    • @MaksymRudnyi
      @MaksymRudnyi  Місяць тому

      Дякую що поділились проєктом і робите чудову справу. Сподіваюсь огляд виявився дійсно корисним і допоможе підняти якість коду. Буду вдячний за відгук в LinkedIn.

    • @MaksymRudnyi
      @MaksymRudnyi  Місяць тому

      Велика аудиторія в LinkedIn допоможе привернути більше уваги до вашого проєкту.

  • @s1sk0gryz
    @s1sk0gryz Місяць тому +2

    Чудовий формат! Куди можна скинути код на перевірку?

    • @MaksymRudnyi
      @MaksymRudnyi  Місяць тому

      Можна коментарем в DOU топіку - dou.ua/forums/topic/48641/. Більше деталей в мене в телеграм групі t.me/maksymrudnyi

  • @ruslanguzhevnikov6203
    @ruslanguzhevnikov6203 Місяць тому +1

    дякую за відео ;) classnames прикольно, якось не чув

    • @MaksymRudnyi
      @MaksymRudnyi  Місяць тому

      Щось новеньке почули

  • @dmytroprokoptsov7185
    @dmytroprokoptsov7185 Місяць тому +3

    Для варіантів кнопки краще юзати cva пакет, а також для tailwind треба tw-merge, щоб реозлвились css-класи, які конфликтують або непотрібні

    • @MaksymRudnyi
      @MaksymRudnyi  Місяць тому

      cva пакет - маєте на увазі svg-sprite? Чи npm пакет типу?
      import { cva } from "class-variance-authority";

    • @dmytroprokoptsov7185
      @dmytroprokoptsov7185 Місяць тому

      ​@@MaksymRudnyiмав наувазі class-variance-authority) просто було ліньки писати цю довгу назву
      До речі в Реакті робота з svg-спрайтами я на мене не зручна. Та і зними та сама проблема що і з іконкаси, які зроблені як компонент - важко переглянути що саме за іконка це є.

    • @dmytroprokoptsov7185
      @dmytroprokoptsov7185 Місяць тому

      ​@@MaksymRudnyiскажіть будь-ласка, що це за сервіс, що аналізує код?

    • @MaksymRudnyi
      @MaksymRudnyi  Місяць тому

      SonarQube

  • @pavluhabc1147
    @pavluhabc1147 Місяць тому +1

    То як краще працювати з іконками? На моєму проекті всі іконки зроблені через компоненти, хоча не всі приймають props. І є проблема, що не видно як виглядає іконка. То треба зберігати їх в svg i імпортувати як react компонент?

    • @MaksymRudnyi
      @MaksymRudnyi  Місяць тому

      Це хороше питання. Зроблю відосик на цю тему. Точно можу сказати що використання SVG через JSX компоненти - дуже погана ідея.

  • @dmytrolisunov4073
    @dmytrolisunov4073 Місяць тому +1