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

Подписаться 246 тыс.

Просмотров 77 тыс.

50% 1

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

Опубликовано:

23 мар 2020

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 67

@alexnon8122 3 года назад

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

@user-wu8qs8ku5d 3 года назад

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

@user-wx6pb6fb1w 2 года назад

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

@user-uo7tg9tk3j Год назад

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

@ilyarudyuk3422 3 года назад

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

@user-wx1zv3cb3n 4 года назад

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

@user-dk6cp7ex3j 4 года назад

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

@StasKantor 3 года назад

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

@oleksa537 3 года назад

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

@andreiBylkin 3 года назад

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

@truehahahoj Год назад

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

@user-mj8ms8ub1n Год назад

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

@amberasena192 3 года назад

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

@DB-bo5sc Год назад

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

@user-wx1zv3cb3n 4 года назад

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

@inigoloy 4 года назад

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

@bekogrylls8126 3 года назад

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

@aleksandrmatyka3118 3 года назад

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

@aleksandr95 2 года назад

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

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

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

@janedow 4 года назад

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

@SNSDfOu Год назад

не совсем

@eglantine2034 4 года назад

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

@nigad7452 2 года назад

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

@mishayanushkov3065 2 года назад

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

@truehahahoj Год назад

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

@Filislav 3 года назад

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

@user-wy7tj9zp7d Год назад

Спасибо!

@inzoddex8312 3 года назад

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

@seriousman109 3 года назад

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

@SuprunAlexey 3 года назад

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

@SunriseBusinessClub 4 года назад

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

@PavlikGyra 4 года назад

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

@inzoddex8312 3 года назад

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

@user-cj4mc9pe1b 4 года назад

Не могу понять почему при попытке сделать по подобию урока выдает ошибку импорта 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 11 месяцев назад

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

@user-iu9hb9jq9d 2 года назад

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

@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 3 года назад

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

@subhuman2675 3 года назад

@@SuprunAlexey спасибо

@user-iu5ny3oy8z 4 года назад

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

@evgeniyprowork 3 года назад

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

@MrEmil-cf8wo 4 года назад

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

@SuprunAlexey 4 года назад

Jsx

@Alexandrov_tv Год назад

гуууд

@ivangagauz2267 3 года назад

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

@ivangagauz2267 3 года назад

Разобрался

@realcconnect6873 3 года назад

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

@yaroslavzef7267 3 года назад

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

@macser8218 3 года назад

Почему?

@MrUnknownman1986 3 года назад

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

@gagikkhachatryan3141 4 года назад

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

@SuprunAlexey 4 года назад

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

@user-tc8ub6zt6x Год назад

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

@falcon94q Год назад

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

@anastasia_yseeva_17 Год назад

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

@falcon94q Год назад

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

@falcon94q Год назад

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

@falcon94q Год назад

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