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

Рет қаралды 77,353

4 жыл бұрын

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

Пікірлер: 67

@alexnon8122 3 жыл бұрын

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

@user-wu8qs8ku5d 4 жыл бұрын

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

@user-uo7tg9tk3j Жыл бұрын

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

@user-dk6cp7ex3j 4 жыл бұрын

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

@user-wx1zv3cb3n 4 жыл бұрын

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

@user-wx6pb6fb1w 2 жыл бұрын

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

@ilyarudyuk3422 4 жыл бұрын

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

@StasKantor 3 жыл бұрын

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

@oleksa537 3 жыл бұрын

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

@andreiBylkin 3 жыл бұрын

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

@truehahahoj Жыл бұрын

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

@user-wx1zv3cb3n 4 жыл бұрын

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

@DB-bo5sc Жыл бұрын

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

@bekogrylls8126 3 жыл бұрын

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

@aleksandrmatyka3118 3 жыл бұрын

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

@aleksandr95 2 жыл бұрын

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

@user-mj8ms8ub1n Жыл бұрын

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

@seriousman109 3 жыл бұрын

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

@SuprunAlexey 3 жыл бұрын

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

@janedow 4 жыл бұрын

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

@SNSDfOu Жыл бұрын

не совсем

@amberasena192 4 жыл бұрын

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

@Filislav 3 жыл бұрын

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

@user-wy7tj9zp7d Жыл бұрын

Спасибо!

@inzoddex8312 3 жыл бұрын

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

@inigoloy 4 жыл бұрын

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

@eglantine2034 4 жыл бұрын

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

@nigad7452 3 жыл бұрын

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

@mishayanushkov3065 2 жыл бұрын

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

@truehahahoj Жыл бұрын

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

@PavlikGyra 4 жыл бұрын

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

@inzoddex8312 3 жыл бұрын

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

@firsovoleksandr876 6 ай бұрын

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

@SunriseBusinessClub 4 жыл бұрын

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

@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 ай бұрын

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

@Alexandrov_tv Жыл бұрын

гуууд

@MrEmil-cf8wo 4 жыл бұрын

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

@SuprunAlexey 4 жыл бұрын

Jsx

@user-iu9hb9jq9d 2 жыл бұрын

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

@realcconnect6873 3 жыл бұрын

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

@user-iu5ny3oy8z 4 жыл бұрын

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

@evgeniyprowork 3 жыл бұрын

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

@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 спасибо

@yaroslavzef7267 4 жыл бұрын

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

@macser8218 4 жыл бұрын

Почему?

@MrUnknownman1986 3 жыл бұрын

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

@ivangagauz2267 3 жыл бұрын

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

@ivangagauz2267 3 жыл бұрын

Разобрался

@gagikkhachatryan3141 4 жыл бұрын

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

@SuprunAlexey 4 жыл бұрын

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

@anastasia_yseeva_17 Жыл бұрын

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

@falcon94q Жыл бұрын

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

@falcon94q Жыл бұрын

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

@falcon94q Жыл бұрын

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

@user-tc8ub6zt6x Жыл бұрын

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

@falcon94q Жыл бұрын

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