Уроки React Js - Компоненты и свойства Props

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ต.ค. 2024
  • Мы продолжаем курс уроков по React js для начинающих и в этом видео мы рассмотрим важнейшую тему, так как react использует компонентный подход мы научимся создавать компоненты и работать с ними создавая новые файлы и использовать компоненты. Многие начинающие не умеют работать с компонентами react js, а все на самом деле очень просто используя функции и классы javascript. Также рассмотрим Props концепцию react js. Мы по практикуемся создавать компоненты разными способами.
    Курс «Python для веб-разработки» от SkillFactory: clc.to/tiIJTQ

ความคิดเห็น • 67

  • @user-wx6pb6fb1w
    @user-wx6pb6fb1w 2 ปีที่แล้ว +2

    Наконец я понимаю что такое props. Спасибо автору!

  • @alexnon8122
    @alexnon8122 3 ปีที่แล้ว +8

    Спасибо, уважаемый, за отличное изъяснение и за качественные примеры)

  • @ВероникаАлександрова-х3ф
    @ВероникаАлександрова-х3ф 4 ปีที่แล้ว +6

    Отлично объяснил сложный и объёмистый материал, спасибо!

  • @oleksa537
    @oleksa537 3 ปีที่แล้ว +6

    Компонентный компонент компонентно импортируем в компонент. Здесь дефолт и не можем. Сохраняем. Здесь компонент. Ну в целом все понятно.

    • @andreiBylkin
      @andreiBylkin 3 ปีที่แล้ว +1

      дадада аххахахахаха )))

    • @truehahahoj
      @truehahahoj 2 ปีที่แล้ว

      Нашли куда функционально перевести стрелочный компонент.

  • @СтройКонсалт
    @СтройКонсалт 2 ปีที่แล้ว +3

    Спасибо! Отличная подача!👍🏿👍🏿👍🏿

  • @StasKantor
    @StasKantor 3 ปีที่แล้ว +3

    Спасибо большое за Ваш труд

  • @MadiyarS-s3n
    @MadiyarS-s3n ปีที่แล้ว

    спасибо Автор!

  • @ilyarudyuk3422
    @ilyarudyuk3422 4 ปีที่แล้ว +2

    Ракета! Быстро и понятно! Спасибо!

  • @АсхатСемейханов
    @АсхатСемейханов 4 ปีที่แล้ว +2

    Большое вам спасибо, всегда интересно вас слушать

  • @amberasena192
    @amberasena192 4 ปีที่แล้ว +1

    Команда rfc она работает в соблайне? Если да,то как его подключить чтоб тоже отображались готовые функциональные компоненты?

  • @Ерсултан-б6я
    @Ерсултан-б6я 4 ปีที่แล้ว +2

    Спасибо за полезный контент жду продолжение!

  • @PavlikGyra
    @PavlikGyra 4 ปีที่แล้ว +3

    Спасибо за видео. Хочу узнать в чём разница в этих подходах ?

    • @inzoddex8312
      @inzoddex8312 4 ปีที่แล้ว +1

      Разобрался? Тоже интересно

  • @firsovoleksandr876
    @firsovoleksandr876 10 หลายเดือนก่อน

    Добрий день. Классовий компонент чом у він наслідуєится від функціонального? Чи зивжди потрідно наслідування? Чим ожна наслідувати функціональний компонент?

  • @nigad7452
    @nigad7452 3 ปีที่แล้ว +7

    В чем отличие классовых и функциональных компонентов?

    • @mishayanushkov3065
      @mishayanushkov3065 2 ปีที่แล้ว

      возможность хранить внутреннее состояния

    • @truehahahoj
      @truehahahoj 2 ปีที่แล้ว

      @@mishayanushkov3065 Миша, вам стоит записать свои курсы. То что вы сказали одним предложением невозможно понять из этого 10-минутного ролика от слова совсем. а это и есть суть темы - чем отличаются эти самые компоненты...

  • @Filislav
    @Filislav 4 ปีที่แล้ว +2

    У кого возникает ошибка как в комментарии ниже, это происходит потому что при создании компонента через сниппеты не ставится ";" после import React from 'react'
    import React from 'react'
    export default function Ccomponent() {
    return (

    )
    доставьте ее в ручную и все заработает

  • @DB-bo5sc
    @DB-bo5sc ปีที่แล้ว

    Спасибо большое!

  • @janedow
    @janedow 4 ปีที่แล้ว +2

    Уф, понял. Короче пропсы берутся из контекста. Еще бы узнать как подключаюсь к бд вытаскивать ,допустим имя и уже вставлять в компонент. А так очень хорошо объяснили 👍

    • @SNSDfOu
      @SNSDfOu ปีที่แล้ว

      не совсем

  • @bekogrylls8126
    @bekogrylls8126 3 ปีที่แล้ว +7

    2 дня по 8 часов в айти школе, учитель не смог доходчиво обьяснить то, что Вы сделали за 10 минут! спасибо!

    • @aleksandrmatyka3118
      @aleksandrmatyka3118 3 ปีที่แล้ว +6

      то наверное просто на 3 день оно уже улеглось )

    • @aleksandr95
      @aleksandr95 2 ปีที่แล้ว

      @@aleksandrmatyka3118 согласен :D

  • @SunriseBusinessClub
    @SunriseBusinessClub 4 ปีที่แล้ว +1

    Разве компонент со стрелочной функцией не является тем же видом функ.комп.???

  • @subhuman2675
    @subhuman2675 3 ปีที่แล้ว

    не знаю, читаешь ли и отвечаешь ли на комменты, но на всякий случай спрошу: при подключении компонента возникает ошибка в приложении - Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
    Check the render method of `App`.

    • @SuprunAlexey
      @SuprunAlexey  3 ปีที่แล้ว

      Все же написано, проверь часть когда где рендер происходит. Соответственно сделай как у меня просто и все заработает

    • @subhuman2675
      @subhuman2675 3 ปีที่แล้ว

      @@SuprunAlexey спасибо

  • @eglantine2034
    @eglantine2034 4 ปีที่แล้ว +5

    Когда следующие видео? Или раз во сколько дней ты их делаешь?

  • @inzoddex8312
    @inzoddex8312 4 ปีที่แล้ว +9

    Мне кажется лучше не использовать снипеты в начале изучения

  • @ВсратыеОбзоры-э1н
    @ВсратыеОбзоры-э1н 4 ปีที่แล้ว +1

    Не могу понять почему при попытке сделать по подобию урока выдает ошибку импорта Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

    • @AreonPak
      @AreonPak ปีที่แล้ว

      Значит ты не правильно экспортировал. Название проверь, у просов и у компонентов

  • @АлексейФиляев-ф8с
    @АлексейФиляев-ф8с 4 ปีที่แล้ว

    Стрелочная функция - это случайно не лямбда выражение или что-то в этом роде? В C# это может быть анонимной функции. А то как-то странно звучит.

    • @evgeniyprowork
      @evgeniyprowork 4 ปีที่แล้ว

      это функция которая не имеет своего контекста и берет его из внешнего окружения, как то так

  • @inigoloy
    @inigoloy 4 ปีที่แล้ว

    Расскажи, пожалуйста, как через Apollo пробрасывать данные в React-компонент из MongoDB.

  • @ГтаПять-у7д
    @ГтаПять-у7д 3 ปีที่แล้ว

    Так и не понял, а в чем различие разных компонентов?

  • @Fenjkeee
    @Fenjkeee 4 ปีที่แล้ว

    Годно ,спасибо.

    • @SuprunAlexey
      @SuprunAlexey  4 ปีที่แล้ว +1

      Спасибо за обратную связь

  • @Alexandrov_tv
    @Alexandrov_tv ปีที่แล้ว

    гуууд

  • @Ерсултан-б6я
    @Ерсултан-б6я 4 ปีที่แล้ว

    Годнота подьехал=)))

  • @MrEmil-cf8wo
    @MrEmil-cf8wo 4 ปีที่แล้ว +6

    Какой то овер непонятный синтаксис, куча всего, как будто бардак в коде

  • @ivangagauz2267
    @ivangagauz2267 3 ปีที่แล้ว

    почему при обновлении страницы пишет страница не найдена?

  • @realcconnect6873
    @realcconnect6873 3 ปีที่แล้ว +1

    Не все просто а все сложно

  • @МихаилГрамотин-к2р
    @МихаилГрамотин-к2р ปีที่แล้ว +1

    к сожалению это не обучение а показ. Я совсем не успеваю понимать что к чему.

    • @falcon94q
      @falcon94q ปีที่แล้ว

      Это один из инфоцыганей, который специализируется на программировании. Он действительно - не объясняет, а показывает. Потому что ему так выгодно. Чтобы его понять нужна хорошая база по данному предмету.

  • @yaroslavzef7267
    @yaroslavzef7267 4 ปีที่แล้ว +2

    Хорошо что я не начинал реакт по этим урокам учить)

    • @macser8218
      @macser8218 4 ปีที่แล้ว

      Почему?

    • @MrUnknownman1986
      @MrUnknownman1986 3 ปีที่แล้ว +1

      А где начал ? И как быстро разобрался ?

  • @anastasia_yseeva_17
    @anastasia_yseeva_17 ปีที่แล้ว +1

    Не лучшее видео для знакомства с реактом, ребят, если ничего не поймете - ожидаемо.

    • @falcon94q
      @falcon94q ปีที่แล้ว

      В англо-язычных видео здесь на Ютубе смотреть.

    • @falcon94q
      @falcon94q ปีที่แล้ว

      русско-язычные блоггеры - неправильно объясняют элементарные вещи. Слишком запутанно.

    • @falcon94q
      @falcon94q ปีที่แล้ว

      Это один из инфоцыганей, который специализируется на программировании. Он действительно - не объясняет, а показывает. Потому что ему так выгодно. Чтобы его (этого блоггера и ему подобных) понять нужна хорошая база по данному предмету.

  • @gagikkhachatryan3141
    @gagikkhachatryan3141 4 ปีที่แล้ว

    А зачем разделять понятие функциональный и стрелочный ? Стрелочный компонент это и есть функциональный компонент.

    • @SuprunAlexey
      @SuprunAlexey  4 ปีที่แล้ว +1

      Разделил как способ

  • @davidgrig4608
    @davidgrig4608 4 ปีที่แล้ว

    Каждую минуту реклама не буду смотреть из за принципа

    • @SuprunAlexey
      @SuprunAlexey  4 ปีที่แล้ว

      Какой вы принципиальный, там пару реклам, а обучающий контент бесплатный

  • @olgazakharova6222
    @olgazakharova6222 4 ปีที่แล้ว +1

    Одна реклама, смотреть невозможно. 3 урока еле досмотрела. Потом нашла другой канал с минимумом рекламы. Продажный канал, одним словом

    • @SuprunAlexey
      @SuprunAlexey  4 ปีที่แล้ว +4

      Olga Zakharova ужас, в бесплатном контенте ещё и реклама, это как вообще такое придумали?????