Компоненты React. Props

Рет қаралды 37,224

3 жыл бұрын

Курс ReactJS: itgid.info/course/reactjs
Курс HTML для JS разработчиков: itgid.info/course/html
Телеграмм канал: t.me/itgid_info
Телеграмм автора: telegram.me/alex_luschenko
Компоненты. Создание компонентов и вложенных компонентов

Пікірлер: 64

@MrVIPKent 7 ай бұрын

Дякую за відео дуже цікаво та корисно

@beha8675 10 ай бұрын

Круто объяснили большое спасибо!

@JavaScriptcher 2 жыл бұрын

Очень подробное, а главное понятное объяснение материала!

@user-rx1dg3tk8c 3 жыл бұрын

Талант преподавать от бога! СПАСИБОООООООО, добрый маг.

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

Подробно и доходчиво. Один из лучших каналов по IT на KZfaq

@alexandr8978 3 жыл бұрын

Спасибо! Как полному новичку в React, теперь стало понятно для чего, зачем и каким образом.

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

Долго искал подобное объяснение материал - супер! Жду продолжение обновления курса. Буду смотреть всё :)

@lisofsky8151 2 жыл бұрын

ЭТИ КУРСЫ ПРОСТО ОГОНЬ !!!

@irinakukhtyk3813 Жыл бұрын

Надзвичайно вдячна за урок. Поки що все виходить ;)

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

Дякую

@tatianarekun8345 2 жыл бұрын

Спасибо за информацию! Очень помогла разобраться с этой темой

@user-hq1yn9dd1q 3 жыл бұрын

С Emmet у меня такая же проблема!!! Пойду настраивать!!! Благодарен вам!!)))

@ilya_123__ 2 жыл бұрын

Спасибо большое за урок. Очень понятно объясняете.

@yarik83men51 3 жыл бұрын

Спасибо, дякую, thank you.

@mishiev13 2 жыл бұрын

Спасибо! Всё четко и понятно до мелочей!!!

@vyacheslavantonov7569 Жыл бұрын

Привет, Алекс! Зашел к тебе на канал с целью огранки понимания каким именно образом надо с пропсами работать. Приятно удивила речь без слов-паразитов, последовательность подачи информации и ... усы :D Возьму на вооружение. Выражаю благодарность за твой труд. Для меня вопрос с пропсами закрыт теперь на 100%

@dosxanzada 3 жыл бұрын

офигеть, отличный туториал!

@Iepka_Roblox 2 жыл бұрын

Спасибо большое!! Лучшее объяснение!

@romansokurenko4357 2 жыл бұрын

Пушка-ракета))) Спасибо большое!!!!

@dodle686 10 ай бұрын

Спасибо за материал. Вы делаете невозможные вещи, ни от одного гайдодела не понимал так как от вас, шикарная подача. Не хватает ветки на гите с готовым кодом из каждой части правда :(

@frontend_notes Жыл бұрын

Спасибо огромное за видео, для новичка этот курс по REACT просто находка! Спасибо Ютубу что порекомендовал ваше видео. А то проходил у других, мозг окончательно вскипел, я откровенно не отстреливал что и откуда)))) Вы очень хорошо объясняете, всё понятно, как белый день. Спокойно и уверенно. Пройду ваш курс, потом буду тянуться дальше.👍👍👍

@shu3xst215 Жыл бұрын

Как вообще проходит прогрес в сфере? Я просто относительно недавно начал изучать реакт и мне интересно как люди изучают этот фреймворк

@frontend_notes Жыл бұрын

@@shu3xst215 тяжело... Надо кучу своих приложений делать, чтобы хоть чему-то научиться и хоть что-то после курсов в мозгах осталось. И то это будет капля в море. И хер тебя куда возьмут без опыта работы. Терпение надо ангельское чтобы его учить, месяцами, годами...

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

Все круто и очень понятно, спасибо

@YauhenRomeiko 3 жыл бұрын

спасибо за уроки )

@your_freedom Жыл бұрын

вы Лучший! Так хочется от вас услышать про Хуки и другие примочки реакта

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

Спасибо огромное

@ArtemKolinko 3 жыл бұрын

10:28 настойка emmet, еще, как вариант, можно файлам компонент ставить расширкние .jsx вместо .js. Еще плюсом переименования расширения в .jsx будет отображение иконки реакта возле файла.

@SNSDfOu Жыл бұрын

хороший плюс

@user-nn6mb9tv1b 3 жыл бұрын

мляяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяя срань господня -- какой же у вас талант преподавать, все понятно с первого раза -- как хорошо что вы есть

@YauhenRomeiko 3 жыл бұрын

@user-eg8iq6id6r 3 жыл бұрын

Спасибо за информацию. Очень подробно и доходчиво объясняется. Осталось дело за практикой. Ведь, как говориться, теория без практики мертва.

@OpalGooDog 3 жыл бұрын

спасибо :)

@Albert_Hall 2 жыл бұрын

Пушка 🛰🌎

@alexforos5425 Жыл бұрын

👍👍👍

@-getmen6001 Жыл бұрын

Присоединяюсь ко всем хвалебным комментариям и добавлю, что пришел искать объяснения с курсов в которых объясняют просто ужасно. Ваш канал просто находка!

@Vampir21 3 жыл бұрын

Извините но если на странице index.html не подключен главный скрипт, то как браузер узнает что нужно запустить index.js который к тому же лежит в другой папке?

@frontend_notes Жыл бұрын

Касательно ДЗ - уникальный ключ некоторые делают , присваивая ещё одному полю "id" : Date.now(). Получается что у каждого элемента будет якобы уникальный ключ, это же в милисекундах дата выводится. Но по факту я смотрю в пропсах у обоих товаров одинаковые числа. Правильный ли это подход?

@dihaneeer 3 жыл бұрын

28:26 в офф доментации реакта везде в примерах присутствует эта точка с запятой, так что не за что извиняться, потому что так принято)

@itgid 3 жыл бұрын

Это ещё с бек языков тяну

@kot19741 Жыл бұрын

Александр, покажите пожалуйста, как вставить картинку не с Интернета , а с жесткого диска компьютера

@evgeniyprowork 3 жыл бұрын

я в VSC поставил галку чтобы автоматом убирало точку с запятой т.к. визуально мне код приятней становится, правда для реакт использую webstorm, vsc что то мне не нравится для этих целей, а особенно бесит до сих пор не пофиксенная штука в emmet именно в VSC, когда должна развернутся аббревиатура по нажатию "таб", но ты до этого сделал пробел и вернул назад, а она собака не хочет, приходится затирать последний символ и заново печатать, раздражает это

@itgid 3 жыл бұрын

Сам пишу сложное в php storm.

@vitalyks Жыл бұрын

эх, жаль сейчас 18 версия нужна... для меня как новичка смущает этот момент (((

@zakharko7720 Жыл бұрын

Большое спасибо! Почему-то не отображаются изображения. Все сделал как в примере. Все приходит, заполняется, но картинок нет. Подскажите, в чем проблема? Заранее благодарен! UPD: Помогло объявление const source = props.image; в компоненте Goods перед return с последующим использованием данной константы Почему так, не понимаю, но работает))))

@Presspero 3 жыл бұрын

мне кажется или у вью архитектура проще?

@malytv1170 3 жыл бұрын

@alex_illusion 3 жыл бұрын

А нельзя ли передать объект goods так? В App.js : В Goods.js : {props.good.title} {props.good.cost} Вроде работает. Вроде проще. Но это для вывода одного элемента проще, а вот с несколькими уже не годится. Видимо такое решение не годится для массива объектов?

@_gjdjdj 3 жыл бұрын

А где и как можно прописать путь к картинке которая находиться в проекте? Вместо ссылки (как в уроке), я так понимаю, что не прокатит?!

@parahumanoid 2 жыл бұрын

А как это у нас в компоненте возврат идет разметкой прям вот так вот, без кавычек? Новшества ES7? Я не следил за языком лет 15 уже, если что. Круглые скобки вроде ничего не делают, кроме как решают проблему unreachable code. Подскажите пожалуйста.

@parahumanoid 2 жыл бұрын

ОК, у меня истерика. JS -- не совсем JS, как я погляжу. Это и есть JSX? Там препроцессинг какой-то, да? А где почитать об этом этапе? А то тут тэги всякие вроде ...

@frontend_notes Жыл бұрын

Может посоветуете, кто-нибудь? У меня форматировщик стоял на VS Code, для html, css, js, но синтаксис реакта он просто похерил и превратил в кашу. Пришлось отключить. Было удобно, он автоматически выравнивал всё по тэгам и убирал лишние пробелы.

@matveyd7272 Жыл бұрын

можно нажать Alt+Shift+F - и тогда произойдёт выравнивание по тегам (но лишние пробелы не уберёт)

@user-sk7jn3mf5h 3 жыл бұрын

Как добавить уникальный ключ для Goods???

@YauhenRomeiko 3 жыл бұрын

27,33

@turtrueweb 3 жыл бұрын

@yummybunny7351 3 жыл бұрын

17:00 у меня Alt вместо Ctrl

@danilkutovoy2399 3 жыл бұрын

Какой вы клавиатурой пользуетесь?

@evgeniyprowork 3 жыл бұрын

а какая разница, тут нет эталона, кому то короткая механика нравится, кому то бесшумная мембрана, это дело личных предпочтений, это очень индивидуально, у меня вообще мембрана за 7 баксов и крыса за 4 бакса и мне удобно. Механика тактильно мне конечно намного приятней, но даже на свитчах brown ее хорошо слышно, red мне для набора текста не нравится, короче ты должен сам к этому прийти. Главное шарить в кодинге, а клавы и мышки меняй хоть каждый месяц пока не найдешь свой идеал, это лишь дополнительный комфорт и не более того. P.S. единственное что меня бесит, это левый короткий shift и возле него доп клавиша которую я часто тыкал вместо шифта, короче не выдержал и отдал эту клаву, понимаю что это дело привычки, но я не смог в это ))

@danilkutovoy2399 3 жыл бұрын

@@evgeniyprowork мне просто интересно, вот и спросил) Я понимаю, что умение кодить не от клавиатуры зависит -_-

@itgid 3 жыл бұрын

Клавіатура HP USB Business Slim Keyboard (N3R87AA)

@danilkutovoy2399 3 жыл бұрын

@@itgid спасибо большое за ответ)