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

Мы продолжаем курс уроков по React js для начинающих и в этом видео мы рассмотрим важнейшую тему, так как react использует компонентный подход мы научимся создавать компоненты и работать с ними создавая новые файлы и использовать компоненты. Многие начинающие не умеют работать с компонентами react js, а все на самом деле очень просто используя функции и классы javascript. Также рассмотрим Props концепцию react js. Мы по практикуемся создавать компоненты разными способами.
Курс «Python для веб-разработки» от SkillFactory: clc.to/tiIJTQ

[@oleksa537]

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

[@andreiBylkin]

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

[@truehahahoj]

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

[@inzoddex8312]

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

[@MrEmil-cf8wo]

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

[@SuprunAlexey]

Jsx

[@nigad7452]

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

[@mishayanushkov3065]

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

[@truehahahoj]

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

[@alexnon8122]

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

[@ВероникаАлександрова-х3ф]

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

[@МихаилГрамотин-к2р]

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

[@falcon94q]

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

[@firsovoleksandr876]

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

[@Filislav]

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

[@ДмитрийКузнецов-ц7м]

Спасибо!

[@user-wx6pb6fb1w]

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

[@СтройКонсалт]

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

[@anastasia_yseeva_17]

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

[@falcon94q]

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

[@falcon94q]

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

[@falcon94q]

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

[@SunriseBusinessClub]

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

[@ВсратыеОбзоры-э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]

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

[@amberasena192]

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

[@PavlikGyra]

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

[@inzoddex8312]

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

[@StasKantor]

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

[@janedow]

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

[@SNSDfOu]

не совсем

[@eglantine2034]

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

[@Alexandrov_tv]

гуууд

[@АсхатСемейханов]

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

[@realcconnect6873]

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

[@Ерсултан-б6я]

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

[@ГтаПять-у7д]

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

[@ilyarudyuk3422]

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

[@bekogrylls8126]

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

[@aleksandrmatyka3118]

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

[@aleksandr95]

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

[@inigoloy]

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

[@АлексейФиляев-ф8с]

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

[@evgeniyprowork]

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

[@gagikkhachatryan3141]

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

[@SuprunAlexey]

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

[@subhuman2675]

не знаю, читаешь ли и отвечаешь ли на комменты, но на всякий случай спрошу: при подключении компонента возникает ошибка в приложении - 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]

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

[@subhuman2675]

@@SuprunAlexey спасибо

[@MadiyarS-s3n]

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

[@DB-bo5sc]

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

[@ivangagauz2267]

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

[@ivangagauz2267]

Разобрался

[@davidgrig4608]

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

[@SuprunAlexey]

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

[@yaroslavzef7267]

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

[@macser8218]

Почему?

[@MrUnknownman1986]

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

[@Ерсултан-б6я]

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

[@olgazakharova6222]

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

[@SuprunAlexey]

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

[@Fenjkeee]

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

[@SuprunAlexey]

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