Тёмный

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

WebDev с нуля. Канал Алекса Лущенко
Просмотров 37 тыс.
50% 1

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

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

 

23 окт 2020

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 64   
@JavaScriptcher
@JavaScriptcher 2 года назад
Очень подробное, а главное понятное объяснение материала!
@beha8675
@beha8675 10 месяцев назад
Круто объяснили большое спасибо!
@alexandr8978
@alexandr8978 3 года назад
Спасибо! Как полному новичку в React, теперь стало понятно для чего, зачем и каким образом.
@user-ov8xk7cn9e
@user-ov8xk7cn9e 2 года назад
Долго искал подобное объяснение материал - супер! Жду продолжение обновления курса. Буду смотреть всё :)
@user-rx1dg3tk8c
@user-rx1dg3tk8c 3 года назад
Талант преподавать от бога! СПАСИБОООООООО, добрый маг.
@lisofsky8151
@lisofsky8151 2 года назад
ЭТИ КУРСЫ ПРОСТО ОГОНЬ !!!
@user-ij9qf9yx8z
@user-ij9qf9yx8z Год назад
Подробно и доходчиво. Один из лучших каналов по IT на RU-vid
@ilya_123__
@ilya_123__ 2 года назад
Спасибо большое за урок. Очень понятно объясняете.
@mishiev13
@mishiev13 2 года назад
Спасибо! Всё четко и понятно до мелочей!!!
@Iepka_Roblox
@Iepka_Roblox 2 года назад
Спасибо большое!! Лучшее объяснение!
@tatianarekun8345
@tatianarekun8345 2 года назад
Спасибо за информацию! Очень помогла разобраться с этой темой
@user-hq1yn9dd1q
@user-hq1yn9dd1q 3 года назад
С Emmet у меня такая же проблема!!! Пойду настраивать!!! Благодарен вам!!)))
@dosxanzada
@dosxanzada 3 года назад
офигеть, отличный туториал!
@romansokurenko4357
@romansokurenko4357 2 года назад
Пушка-ракета))) Спасибо большое!!!!
@user-yq4cs2fe3u
@user-yq4cs2fe3u 2 года назад
Все круто и очень понятно, спасибо
@MrVIPKent
@MrVIPKent 7 месяцев назад
Дякую за відео дуже цікаво та корисно
@irinakukhtyk3813
@irinakukhtyk3813 Год назад
Надзвичайно вдячна за урок. Поки що все виходить ;)
@YauhenRomeiko
@YauhenRomeiko 3 года назад
спасибо за уроки )
@frontend_notes
@frontend_notes Год назад
Спасибо огромное за видео, для новичка этот курс по REACT просто находка! Спасибо Ютубу что порекомендовал ваше видео. А то проходил у других, мозг окончательно вскипел, я откровенно не отстреливал что и откуда)))) Вы очень хорошо объясняете, всё понятно, как белый день. Спокойно и уверенно. Пройду ваш курс, потом буду тянуться дальше.👍👍👍
@shu3xst215
@shu3xst215 Год назад
Как вообще проходит прогрес в сфере? Я просто относительно недавно начал изучать реакт и мне интересно как люди изучают этот фреймворк
@frontend_notes
@frontend_notes Год назад
@@shu3xst215 тяжело... Надо кучу своих приложений делать, чтобы хоть чему-то научиться и хоть что-то после курсов в мозгах осталось. И то это будет капля в море. И хер тебя куда возьмут без опыта работы. Терпение надо ангельское чтобы его учить, месяцами, годами...
@vyacheslavantonov7569
@vyacheslavantonov7569 Год назад
Привет, Алекс! Зашел к тебе на канал с целью огранки понимания каким именно образом надо с пропсами работать. Приятно удивила речь без слов-паразитов, последовательность подачи информации и ... усы :D Возьму на вооружение. Выражаю благодарность за твой труд. Для меня вопрос с пропсами закрыт теперь на 100%
@yarik83men51
@yarik83men51 3 года назад
Спасибо, дякую, thank you.
@user-ic9hf3ps4z
@user-ic9hf3ps4z 2 года назад
Спасибо огромное
@your_freedom
@your_freedom Год назад
вы Лучший! Так хочется от вас услышать про Хуки и другие примочки реакта
@ArtemKolinko
@ArtemKolinko 3 года назад
10:28 настойка emmet, еще, как вариант, можно файлам компонент ставить расширкние .jsx вместо .js. Еще плюсом переименования расширения в .jsx будет отображение иконки реакта возле файла.
@SNSDfOu
@SNSDfOu Год назад
хороший плюс
@user-eg8iq6id6r
@user-eg8iq6id6r 3 года назад
Спасибо за информацию. Очень подробно и доходчиво объясняется. Осталось дело за практикой. Ведь, как говориться, теория без практики мертва.
@OpalGooDog
@OpalGooDog 3 года назад
спасибо :)
@dodle686
@dodle686 10 месяцев назад
Спасибо за материал. Вы делаете невозможные вещи, ни от одного гайдодела не понимал так как от вас, шикарная подача. Не хватает ветки на гите с готовым кодом из каждой части правда :(
@user-fy7pv5cc7c
@user-fy7pv5cc7c Год назад
Дякую
@Albert_Hall
@Albert_Hall 2 года назад
Пушка 🛰🌎
@alexforos5425
@alexforos5425 Год назад
👍👍👍
@user-nn6mb9tv1b
@user-nn6mb9tv1b 3 года назад
мляяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяя срань господня -- какой же у вас талант преподавать, все понятно с первого раза -- как хорошо что вы есть
@YauhenRomeiko
@YauhenRomeiko 3 года назад
+
@Vampir21
@Vampir21 3 года назад
Извините но если на странице index.html не подключен главный скрипт, то как браузер узнает что нужно запустить index.js который к тому же лежит в другой папке?
@frontend_notes
@frontend_notes Год назад
Касательно ДЗ - уникальный ключ некоторые делают , присваивая ещё одному полю "id" : Date.now(). Получается что у каждого элемента будет якобы уникальный ключ, это же в милисекундах дата выводится. Но по факту я смотрю в пропсах у обоих товаров одинаковые числа. Правильный ли это подход?
@dihaneeer
@dihaneeer 3 года назад
28:26 в офф доментации реакта везде в примерах присутствует эта точка с запятой, так что не за что извиняться, потому что так принято)
@itgid
@itgid 3 года назад
Это ещё с бек языков тяну
@kot19741
@kot19741 Год назад
Александр, покажите пожалуйста, как вставить картинку не с Интернета , а с жесткого диска компьютера
@-getmen6001
@-getmen6001 Год назад
Присоединяюсь ко всем хвалебным комментариям и добавлю, что пришел искать объяснения с курсов в которых объясняют просто ужасно. Ваш канал просто находка!
@vitalyks
@vitalyks Год назад
эх, жаль сейчас 18 версия нужна... для меня как новичка смущает этот момент (((
@Presspero
@Presspero 3 года назад
мне кажется или у вью архитектура проще?
@evgeniyprowork
@evgeniyprowork 3 года назад
я в VSC поставил галку чтобы автоматом убирало точку с запятой т.к. визуально мне код приятней становится, правда для реакт использую webstorm, vsc что то мне не нравится для этих целей, а особенно бесит до сих пор не пофиксенная штука в emmet именно в VSC, когда должна развернутся аббревиатура по нажатию "таб", но ты до этого сделал пробел и вернул назад, а она собака не хочет, приходится затирать последний символ и заново печатать, раздражает это
@itgid
@itgid 3 года назад
Сам пишу сложное в php storm.
@alex_illusion
@alex_illusion 3 года назад
А нельзя ли передать объект goods так? В App.js : В Goods.js : {props.good.title} {props.good.cost} Вроде работает. Вроде проще. Но это для вывода одного элемента проще, а вот с несколькими уже не годится. Видимо такое решение не годится для массива объектов?
@_gjdjdj
@_gjdjdj 3 года назад
А где и как можно прописать путь к картинке которая находиться в проекте? Вместо ссылки (как в уроке), я так понимаю, что не прокатит?!
@malytv1170
@malytv1170 3 года назад
:)
@zakharko7720
@zakharko7720 Год назад
Большое спасибо! Почему-то не отображаются изображения. Все сделал как в примере. Все приходит, заполняется, но картинок нет. Подскажите, в чем проблема? Заранее благодарен! UPD: Помогло объявление const source = props.image; в компоненте Goods перед return с последующим использованием данной константы Почему так, не понимаю, но работает))))
@yummybunny7351
@yummybunny7351 3 года назад
17:00 у меня Alt вместо Ctrl
@user-sk7jn3mf5h
@user-sk7jn3mf5h 3 года назад
Как добавить уникальный ключ для Goods???
@YauhenRomeiko
@YauhenRomeiko 3 года назад
27,33
@parahumanoid
@parahumanoid 2 года назад
А как это у нас в компоненте возврат идет разметкой прям вот так вот, без кавычек? Новшества ES7? Я не следил за языком лет 15 уже, если что. Круглые скобки вроде ничего не делают, кроме как решают проблему unreachable code. Подскажите пожалуйста.
@parahumanoid
@parahumanoid 2 года назад
ОК, у меня истерика. JS -- не совсем JS, как я погляжу. Это и есть JSX? Там препроцессинг какой-то, да? А где почитать об этом этапе? А то тут тэги всякие вроде ...
@turtrueweb
@turtrueweb 3 года назад
+
@frontend_notes
@frontend_notes Год назад
Может посоветуете, кто-нибудь? У меня форматировщик стоял на VS Code, для html, css, js, но синтаксис реакта он просто похерил и превратил в кашу. Пришлось отключить. Было удобно, он автоматически выравнивал всё по тэгам и убирал лишние пробелы.
@matveyd7272
@matveyd7272 Год назад
можно нажать Alt+Shift+F - и тогда произойдёт выравнивание по тегам (но лишние пробелы не уберёт)
@danilkutovoy2399
@danilkutovoy2399 3 года назад
Какой вы клавиатурой пользуетесь?
@evgeniyprowork
@evgeniyprowork 3 года назад
а какая разница, тут нет эталона, кому то короткая механика нравится, кому то бесшумная мембрана, это дело личных предпочтений, это очень индивидуально, у меня вообще мембрана за 7 баксов и крыса за 4 бакса и мне удобно. Механика тактильно мне конечно намного приятней, но даже на свитчах brown ее хорошо слышно, red мне для набора текста не нравится, короче ты должен сам к этому прийти. Главное шарить в кодинге, а клавы и мышки меняй хоть каждый месяц пока не найдешь свой идеал, это лишь дополнительный комфорт и не более того. P.S. единственное что меня бесит, это левый короткий shift и возле него доп клавиша которую я часто тыкал вместо шифта, короче не выдержал и отдал эту клаву, понимаю что это дело привычки, но я не смог в это ))
@danilkutovoy2399
@danilkutovoy2399 3 года назад
@@evgeniyprowork мне просто интересно, вот и спросил) Я понимаю, что умение кодить не от клавиатуры зависит -_-
@itgid
@itgid 3 года назад
Клавіатура HP USB Business Slim Keyboard (N3R87AA)
@danilkutovoy2399
@danilkutovoy2399 3 года назад
@@itgid спасибо большое за ответ)
@BoffkaBoffka
@BoffkaBoffka 3 года назад
ОХРЕНЕТЬ!!! Супер! Спасибо!!!
Далее
React State - это просто! Курс ReactJS
40:26
Make Up with Balloons 💄☺️🍓
00:23
Просмотров 2,5 млн
React Props are Easy
18:05
Просмотров 8 тыс.
Props и State. Часть 1. React Lite Level
27:07
Просмотров 20 тыс.
PROPS in React explained 📧
12:09
Просмотров 64 тыс.
React State Vs Props
5:46
Просмотров 208 тыс.