React проект з нуля - друга лекція з курсу React для початківців від Itera та Vitalii Ruban

Поделиться
HTML-код
  • Опубликовано: 27 апр 2022
  • Друга лекція про React від Itera та Vitalii Ruban присвячена тому, як створити новий реакт проект з нуля за допомогою Create-React-App та TypeScript. Розглядаємо структуру проекту, важливі файли та альтернативи до Create-React-App
    Презентація до лекції: drag13.io/react-learning-cour...
    Наступна лекція: • React та компоненти - ...
    Зробити пожертву: opencollective.com/farstar
    Телеграм: t.me/reactbeginners
    Всі матеріали курсу: github.com/Drag13/react-learn...
    Попередня лекція: • Вступ до React - перша...

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

  • @43445fgfgd
    @43445fgfgd 2 года назад +2

    Такого детального та інформативного курсу ще не зустрічав, величезна вдячність))) будь ласка продовжуйте навчання українців

  • @RoTrend23493
    @RoTrend23493 2 месяца назад

    Коментар для підтримки україномовного чудового контенту!!!
    (але якість відео для очей-катастрофа)

    • @reactdev
      @reactdev  2 месяца назад

      Дякую, це перші відео. Далі краще

  • @user-oxica
    @user-oxica 2 года назад +2

    Дякую, було дуже цікаво. Поки що не складно, так як гарно роз'яснюєте

  • @user-vh2uy1mv8o
    @user-vh2uy1mv8o 2 года назад +15

    хотів би попросити якщо можливо, то на наступниих лекціях розмір шрифта в редакторі зробити більший.
    Дякую

    • @reactdev
      @reactdev  2 года назад +3

      Дякуємо за відгук, в наступній лекції буде краще.

  • @marinatripetska1772
    @marinatripetska1772 Год назад

    Це супер детальна лекція! Велике дякую! Навіть після декількох проєктів на Реакті, лекція дала багато нового. Ще плюс за актуальну версію реакту і ts. І за український контент❤️

  • @user-dl2fv2uc8o
    @user-dl2fv2uc8o 2 года назад +1

    Дякую, багато корисної інформації!

  • @kaylobot8556
    @kaylobot8556 Год назад

    Те ,що треба !

  • @Nsksndkskdmdmmsm
    @Nsksndkskdmdmmsm Год назад

    Супер детально, дякую

  • @georgii_v
    @georgii_v 2 года назад

    Дякую, було дуже цікаво )

  • @lenavogt2622
    @lenavogt2622 Год назад

    Дякую, давно працюю на реакті😅 але вирішила прослухати коротенько курс на рідній мові:)
    Дякую за солов‘їну:)

    • @reactdev
      @reactdev  Год назад

      О цікаво, і як ваші враження?

  • @43445fgfgd
    @43445fgfgd 2 года назад

    Дякую

  • @dmitrykazarov3440
    @dmitrykazarov3440 2 года назад +2

    Дякую за лекцію, на наступних лекціях збільште, будь ласка, показ коду в редакторі, бо на маленьких екранах майже нічого не видно. Дякую.

  • @user-xt9xf6ls8i
    @user-xt9xf6ls8i Год назад

    Все топ, якість тільки до 1080 потрібно підвищити, 720 прям пікселі (

    • @reactdev
      @reactdev  Год назад

      Тут лише перезнімати(

  • @volodymyrvolkiz2434
    @volodymyrvolkiz2434 8 месяцев назад

    Крутий контент. Шкода тільки, що в описі ніде не вказано що це на TS.

    • @reactdev
      @reactdev  8 месяцев назад

      Тепер вказано, дякую)

  • @maksymleonidov7059
    @maksymleonidov7059 Год назад

    1:50 Важливе уточнення. При завантаженні пакета через npx він не зберігається на жорсткий диск. Тобто це дозволяє нам не "захламлювати" свій комп'ютер зайвими пакетами

  • @DmitroKopilov
    @DmitroKopilov 5 месяцев назад

    ВІтаю, у вас на каналі є два плейліста з навчальними матеріалами по React - як треба дивитися спочатку цей потім інший, чи вони доповнюють один одного чи там однакова інформація?

    • @reactdev
      @reactdev  5 месяцев назад

      Беріть другий він більш практичний. Якщо не вистачить - піддивляйтеся перший, там більше теорії

  • @user-um3ps3gq9t
    @user-um3ps3gq9t 2 года назад

    Подскажите пожалуйста почту куда можно скинуть ссылку на проект

  • @dmytrozheliabin
    @dmytrozheliabin 2 года назад

    Привіт, а можете написати які у вас встановлені додатки в VSC?

    • @reactdev
      @reactdev  2 года назад

      Prettier - для форматування,
      СodeSpellChecker - для уникнення помилок в тексті
      Prettier EsLint для перевірки коду
      Все інше залежить від проекту. Наприклад зараз Tailwind CSS, Elm, Jupiter Notebook

  • @user-kc5kr9fq2z
    @user-kc5kr9fq2z Год назад

    Добрий день, а чому ламбда-функція знаходиться в круглих дужках, а не у фігурних?

    • @user-kc5kr9fq2z
      @user-kc5kr9fq2z Год назад

      Нагуглив, здається. Curly brackets: are a special syntax to let the JSX parser know that it needs to interpret the contents between them as javascript instead of text.

  • @Vedmid-nabrid
    @Vedmid-nabrid Год назад

    не розумію, як можна взяти частину коду і виокремити в окремий файл через контекстне меню. Для цього якесь розширення для VS COde потрібно поставити?

    • @reactdev
      @reactdev  Год назад

      Нічого додаткового ставити не потрібно. Просто виділяєте функцію, потім CTRL-SHIFT-R і вперед

    • @Vedmid-nabrid
      @Vedmid-nabrid Год назад

      @@reactdev, дякую за відповідь. Нажаль, не спрацьовує. Може згодом розберусь з чим повʼязано :)

    • @reactdev
      @reactdev  Год назад

      @@Vedmid-nabrid Спробуйте ще виділити і правою кнопкою миші викликати контектсне меню

  • @MrAnnaSprite
    @MrAnnaSprite 4 месяца назад

    Щоб створити react-app в тій же папці, куди зробили git clone, треба в команді замість назви проекту поставити точку

  • @Vedmid-nabrid
    @Vedmid-nabrid Год назад

    vite потрібно ставити в проект myproj, чи за допомогою нього можна створити окремий проект?

    • @reactdev
      @reactdev  Год назад +1

      Він сам все створює. npm init vite
      Раджу ще подивитись це відео, там все покрово
      ruclips.net/video/J_826v3GuCE/видео.html

  • @user-yf1mb2cv6y
    @user-yf1mb2cv6y Год назад

    як відкрити контекстне меню на 37:47?

    • @reactdev
      @reactdev  Год назад

      В мене це комбінація клавіш ctrl та крапка (або ю)

  • @forssety9
    @forssety9 Год назад

    пише що : This version of tar is no longer supported, and will not receive security updates. Please upgrade asap, як обновити?

    • @reactdev
      @reactdev  Год назад

      Залежить від того що саме no longer supported
      Якщо залежності, то npm update
      Якщо node.js то встановіть нову верісю ноди

  • @user-yf1mb2cv6y
    @user-yf1mb2cv6y Год назад

    без return не получається на 33:56.. Чому у Вас вийшло?

    • @reactdev
      @reactdev  Год назад

      Бо є друга нотація: const f = () => (123)
      Ця функція поверне те що в круглих дужках, в даному випадку 123

  • @suspiciouscandy1678
    @suspiciouscandy1678 10 месяцев назад

    Почему лектор пищит в конце предложений?

    • @reactdev
      @reactdev  10 месяцев назад

      Особливості голосу та запису, не звертайте уваги.