25. Уроки React JS (метод массива - map) - react курсы бесплатно, 2019

🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT -INCUBATOR:
Front-end
it-incubator.io/front-end/?ut...
Back-end
it-incubator.io/back-end/?utm...
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_samurai
Уроки по React JS: • Курс "React JS - путь ...
В данном выпуске уроков по React я расскажу вам про метод массива map. В React он используется сплошь и рядом. Нужно хорошо понимать данный метод!!!
Для тренировки мы применим этот метод к нашим данным! Летим ;)
* Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
* Мы в соц. сетях:
itkamasutra
/ itkamasutra
telegram.me/itkamasutra
* Мои личные VK и Insta:
d.kuzyuberdin
/ it.kamasutra.dimych
#reactJS #практика #примеры #уроки #курс

[@user-oh7mf6uz4r]

Учу React в 2022 году Самый лучший в мире Road Map react для меня. Невероятная отдача Димыча в этих уроках. Чувствуется, что человек горит поделиться своими знаниями так чтобы понял каждый. Смотришь видео и как будто он с тобой рядом, тебе разъясняет, как все работает на самом деле. Бесконечно благодарен твоему труду, то, что ты делаешь, мало кто так вкладывается.

[@user-cd6pc5fj8z]

Как успехи?

[@allkoff]

@@user-cd6pc5fj8z интересно, а что творится на других курсах, если посредственный курс считают отличным.

[@user-cd6pc5fj8z]

@@allkoff не знаю. Другие не смотрел

[@varfolomeiq]

@@allkoff а вы знаете какой-то лучше курс? посоветуйте тогда

[@allkoff]

@@varfolomeiq к сожалению пока не знаю.

[@kaysar787]

очень понравилась строчка кода : message =>

[@AzatkaChannel]

Косой косой косил косой

[@user-je7ib6qe8y]

рядом с косой

[@Snegurjan]

Так же остановил даже видео, что бы написать этот комент, а он уже тут есть.Но на самом деле Димыч очень доступно объяснил, MAP ,я хоть и тупица , но понял с первого раза)

[@yaroslavzef7267]

ахахха

[@user-pl2bb9zu2o]

😂😂😂

[@DimTsi]

спасибо №25! Блин, а если б вс преподаватели в школе, техникуме, институте, были бы такие как ты, на сколько бы сильно изменилось качество выпускников и с каким бы удовольствием все бы учились. ЭХ..... спасибо тебе огромное за труд и энергию!

[@pavlotransformers8287]

Круто! Реакт - бомба! А этот курс - кнопка детонации))) Я в восторге! Спасибо за труды!

[@4press]

Даешь "Нейросети кабзда как просто"!

[@ITKAMASUTRA]

Хочу и летом точно начну!)

[@antonbarbakov9848]

точняк

[@SlootLite]

@@ITKAMASUTRA Супер! Только не забудь после нескольких уроков переименовать в "путь самурая" и фухфух говорить вначале

[@ivansamoiliuk5451]

@@ITKAMASUTRA Очень ждем. Спасибо за видео. Супер!

[@pekarskiy_nikolai]

IT-KAMASUTRA а вот и лето в разгаре ))) На каком языке писать будем?

[@Polite_person_]

Круто, я уже 1/4 junior React dev =)

[@Moroir]

Главное 0.5 junior React dev не отметить слишком буквально)

[@slaventiypchelkin4625]

ахаха давно пора такие пропорции ввести)

[@yaroslavzef7267]

@@Moroir пока что чикушка

[@mihrankhachatryan3693]

Зайдешь в какую то ит компанию и поймёшь что ты даже не интерн))

[@Polite_person_]

@@mihrankhachatryan3693 уже мидл разработчик

[@evgeniy7603]

Не знал Map, а теперь знаю. Уже не терпиться поработать с сервером. Все - огонь! Продолжаю дальше.

[@inexhaustible_ore]

Шикарно раскрыл тему, спасибо! Не знаю как новичку в JS, но когда уже знаком с map такое объяснение его применения кажется прям идеально разжеванным. Обычно довольно сложно понять эти темы с первой попытки. Но тут у кого угодно есть шанс понять после видео.. А пример с овечками прям вообще порадовал. На овечках и т.п. наверно все функции массивов можно раскрыть...

[@visokogroup7922]

Я получил 25 lvl профессии Самурай ReactJS «фухфух!»

[@user-um7qz5qp4b]

Терминатор, зашел)) Мляяя - я старпер...

[@user-lm2eb1jt8k]

Кто старпёр? Андрей, тебе сколько лет?)) А Соколову 43!! kzbin.info/www/bejne/mJnUhJWIdpVkmdk Мне тоже 36))

[@user-hg6im5cg2i]

Ты нам очень нужен, уроки просто нереально крутые. Всегда думала обучение это терпение и труд,а тут просто в кайф, как сериальчик посмотреть

[@alekseyaleksey1898]

Дмитрий, хотелось бы выразить Вам, огромную благодарность, за все Ваши труды и за проделанную работу!!! За Вашу энергию и позитив от урока к уроку!!! Дай Бог Вам, Крепкого Здоровья, Счастья и Благополучия!!!!

[@olegmykhailov4036]

Терминатор - смешно)) еще для старперов - "Какие ваши доказательства?"))))

[@user-gl8qs7qj4k]

Кокаинум!

[@4press]

Спасибо! Ждем следующих серий!

[@bugaga8144]

Ооо первый прикол, как говорится жара пошла в хату. Вот эти моменты, что React может отображать массивы, синтаксис написания map обязательно выведу на листок и повещу возле компа, хоть я это знал когда-то но уже забыл из-за того что редко приходится иметь дело с map. Листик висеть будет перед глазами, время от времени буду вспоминать-не забывать

[@Flawden]

Хрен знает что писать каждый урок. Но безумно благодарен и очень хочется поддержать этот канал. Спасибо огромное за видео! О, забавная вещь. Ко мне жена подходит недавно и такая "ты уже неделю занимаешься а на экране ничего не меняется. Ты что вообще делаешь?". И буквально, со стороны это выглядит будто я по 10 раз переписываю одно и то же :)

[@pekarskiy_nikolai]

Эх.. В конце урока надо было сказать i'll be back =)

[@andreiribac6284]

23 Июню 2021 года! Смотрю, учусь, радуюсь, кайфую от реакта! Спасибо, все очень развернуто и понятно!

[@mariia6820]

Огромное вам спасибо, еще раз и еще раз и еще тысячу раз!! Этот курс даже до половины еще не прошла,а уже жду ваш ноябрьский!!:))

[@user-ts3dn9cq9e]

Уже жарко) Спасибо за подробное объяснение!

[@slater149]

отлично! продолжаем смотреть

[@kamazaff2216]

след выпуск обещает быть интересным)

[@RuzhuyKondor]

Димыч, СПАСИБО БОЛЬШОЕ!!!! Я наконец-то до конца понял принцып работы map()!! Извини что не пишу комменты под каждым видео - я потом под последним напишу Тебе целую поэму благодарности:)) Курс реально бомба!!!!:))

[@bekbulatbekeyev5058]

как успехи?

[@constantin1693]

Спасибо тебе, Димыч, за твои уроки, очень мило, когда слушаю и смотрю, как ты действительно хочешь дать людям знания!

[@Jimbei127]

Спасибо, объяснения как всегда лучшие. Все доскональна и доходчиво.

[@sergekim]

Спасибо! Ты первый кого я понял на эту тему, лучший!)

[@Marv3L_777]

Дима,спасибо за все твои труды!) Нереально круто и понятно!) Бомбим Очень не простая тема )))

[@user-xj3xl7zr9b]

Дмитрий, спасибо, что подробно объясняете базовые вещи JS! Это очень важно.

[@torex1123]

Очень важная и нужная тема. Спасибо за подробные разъяснения! Большой лайк!)

[@ITKAMASUTRA]

Ооо, супер! Думал, рассказывать о map или нет.. Считаю, важная тема! Рад, что пригодилась ;)

[@nehilspirit435]

@@ITKAMASUTRA Конечно рассказывать! Это ж повсеместно пригодится, да и на собеседовании спросят точняк))

[@user-ng7dd7fm6f]

Спасибо, Димыч, я уже начал переживать, что долго не было твоих видео) Кнопочке привет)

[@ITKAMASUTRA]

Лол))) Передам) Спасибо)

[@user-qb9po2vx9x]

Я знала про map. Думала проскочить эту тему. Осталась, чтобы не пропустить, какие изменения были внесены в проект. В результате все-равно узнала что-то новое!!! Димыч, это талант! Респект и уважуха от меня. Уже советую тебя всем остальным, кто хочет начать учить программирование, чтобы сэкономили время и не тратили его на многочасовой серфинг по ютубу.

[@user-nw5mh1ev3m]

мощь, пушка, тема вообще зашла как надо!=) едем дальше!=)

[@Andrey-pu1lv]

Спасибо за видео!)

[@theWorldIsMultivariate]

Огромнейшее спасибо за курс!! Ты помогаешь реализовать мою цель, быть разработчиком!!

[@vyacheslavpm3779]

Сначала лайк - потом просмотр! Спасибо за огненный курс!

[@ivanbag9741]

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

[@andrewavramenko310]

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

[@Evgeny..]

Димыч! Огромное спасибо за отличную информацию!

[@spacerider9426]

Спасибо за твой труд! Смотрю дальше!

[@IrinaKh-fx8ch]

25 видео! Очень круто! Спасибо

[@user-pp8bm4zz6x]

Офигеть как круто изложен материал! Последовательность на высшем уровне, от простого к простому! Браво, Аригато)

[@user-rl9vv8it5r]

Dada, Blabla)))) Прикольно, но в какой то момент запутался, откатился на два урока назад и все разложил по полочкам. Продолжай в том же духе) Лайк

[@user-ie8ph7js9k]

Бомбим дальше! Коммент в поддержку канала!🤸‍♂️

[@user-dl2fv2uc8o]

Спасибо! Очень понятно!! Прям КЛАСС))) Летим!!!

[@bystryisokol1546]

полезно понятно, мап сила )

[@narutominer]

Охринеть как круто. У меня диалогов, сообщений и постов было по 10 штук, и после этого преобразования код ооочень сильно уменьшился. Даже не представляю насколько он мог бы быть огромным если бы мапа не было, и с сервака приходили бы тысячи данных. Это одна из вещей за которые я люблю программирование!

[@vladimirww5152]

Очень классно объясняешь! Отдельный лайк за позитивную атмосферу, живость и душевность😊

[@user-pz6kr7px3i]

Огромное спасибо, Димыч) Курс очень крутой)

[@4press]

клево, догоняю!

[@user-mr6ub9le9v]

Топовый курс) в этом видео можно было бы про key рассказать, чтобы ошибок не было) вот пример: userData.map( (element, i) => )

[@resenpaii]

Спасибо) Тоже подбешивал этот ерор)

[@borisadriashkin4941]

Использовал id для key. Не рекомендуется использовать индексы для ключей.

[@artempavlenko5147]

@@resenpaii это ворнинг ))

[@pigletsr]

Так не нужно делать, реакт сам по себе делает точно такую же штуку с индексом, но не показывает это нам. Проблема в том, что если что-то происходит с массивом, все индексы изменяются, и вместо перерисовки одного компонента, будет перерисован весь перечень компонентов, от индекса 0, до последнего индекса. Ключ должен быть действительно уникальным значением и прилетать с бэка, а в таких учебных проектах в качестве ключа можно собрать что-то из существующих переменных, например имя+фамилия

[@theWorldIsMultivariate]

Спасибо.

[@boycovclub]

Благодаря таким подробностям начинаешь вспоминать особенности JS , thank you

[@user-kf1ql5kb3e]

Так просто, не ожидала что такие тяжелые темы можно так легко разложить. Спасибо

[@rmnkot]

Огонь!

[@user-bs5hv4qr2t]

Ну "насыыпал"! - Как бы не растеряяять... - Надо засэйвиться!

[@nuraob7276]

круто, талантище!!! У вас отлично получается запросто все в мозг влить! Спасибо

[@YakatoSaku]

Каждый день возвращаюсь сюда и охотно занимаюсь, спасибо!

[@user-zg4ef9in6s]

ну такая милота эти барашки и клубочки :3

[@aymkin]

Забомбил уже 25 уроков за три дня, фигачу как глухонемой) Буду Реакт Самураем)

[@ITKAMASUTRA]

Молодец!!! 🚀🚀🚀

[@user-cw1vx8ew8j]

привет, поделись успехами

[@aymkin]

@@user-cw1vx8ew8j работаю уже более трёх лет. Прямо сейчас в Нидерландах, работаю на транспортную компанию, делаем приложение для проезда на автобусе, автомобиле, велосипеде

[@sashamalaahov8941]

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

[@user-kn8pc1wo3h]

Уроки агонь! Доступно, разжевано и, что главное, не надоедают!

[@Federation1323]

24:45 "По какой причине ты не хочешь быть белым?" - чувство, когда услышал это в эпоху blm

[@0xlex695]

А еще можно обратить внимание, что на 8:49 мужским именам присваивается значение 1 , а женским 0... Ни на что не намекаю, просто занимательный факт :)

[@user-sv2uh2pn3v]

думаю, у нас в России всем все равно на это

[@mityaycho]

Ничего нового не узнал, но все равно очень круто! Вопрос. Почему Кей не используешь в jsx? Ведь без них нет смысла в использовании реакта. Или отдельная лекция будет? Жду с нетерпением Redux)) И как всегда лайк!

[@ITKAMASUTRA]

key - must have!!! Без ключей - никуда!!! Просто хочу дождаться момента, когда будем ужалением заниматься элементов и ... Там уже п оказать интересные напервый взгляд "баги", а не на первый взгляд - не правильное использование key)) Думаю, с такой ситуацией не сталикивался или не задумывался об этом так глубоко)) Ну и Redux... Вот-вот подходим к его концепциям уже! Будет интереснее!!!

[@yourbadapple]

Очень мощно, спасибо огромное за видео!

[@height3527]

Так вот как это просто, оказывается! Я в универе эти мапы целый семестр понять не мог. Завтра зачёт. Посмотрел видео - стало понятно. Спасибо огромное!

[@johan.de.matan.]

Можно обойтись и без переменных, и сразу интегрировать в jsx: return ( { dialogsData.map(obj => ()) } ) Как-то упомянулось, что этот курс чисто по фронтенту и бекенд в нём будет по возможности избегаться, а что на его счёт? Планируется какой-то курс по бекенду, где Вы будете писать большой проект? Примеру, для той же соц. сети С нетерпением жду новых видео

[@gowking]

press F to pay respect for БАРАШЕК :(

[@sophiet1694]

Замечательный урок, наконец-то maps стали понятны на живом примере!

[@shamilsalakhutdinov5519]

во время урока отвлекся и изучил: 1) Тернарный оператор - для упрощения if else 2) Метод map для массивов - для перебора объекта и преобразования в другой объект 3) Шаблонные строки - для упрощения конкатенации строк Голова немного кипит, погнал пересматривать этот же урок спасибо за уроки)

[@miguelgrushetckii4839]

Крутой курс! все понятно, собираюсь дойти до конца!

[@manjeom2270]

Блин шикарно всё! Уроки настолько интересные , и хочется сразу следующий урок смотреть! поэтому забываю лайкать и комментировать, но в конце я точно пролайкую все выпуски

[@victory8787]

Особый лайк за раскукоживать) Подписку уже оформил на уроке эдак 4-м)

[@yuliyagrasevich8159]

Благодарю! Рада делать с Вами такой большой проект.

[@user-yq4cs2fe3u]

Спасибо огромное за твое старание, знал эту тему, но сейчас понял ее до конца )!!!!!!!!!!!!!!!!!!!!!!

[@MrVagula]

Отлично, пришлось пересматривать 2 раза, чтобы разобраться, получилось, летим дальше!)

[@oleksiik4473]

Йоу 1/4 ! Летим дальше, спасибо за заряд!

[@oconnor4417]

Это просто пушка а не курс, спасибо тебе большое!

[@over_the_top_404]

Димыч, спасибо! Летим дальше!

[@user-zt9it2mh7i]

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

[@kriptonVIP]

Дмитрий благодарю! Очень понятное объяснение метода map!

[@theedgesoffreedom2981]

Вууухууу!!! Вот это круто!!!! Димыч ты мега Гуру!))) меня ща так штырит!!! Мега огонь, зашло как домой!))) Респект тебе!

[@user-cx4hh1cg7f]

Димыч, спасибо! Отличное объяснение. Летим дальше!

[@rostsv1602]

Круто, пересмотрел пару раз и разобрался!!

[@stanislavk.6066]

ох) согласен не много сложный был урок) Нужно пересматривать) Спасибо тебе Дима за урок) хочу на работу после уроков)

[@user-mh7gm4lr3j]

Спасибо! Смотрю дальше!

[@alex45779]

Все очень нравится! МАР объяснил досконально понятно!

[@bohdanartiukhov3572]

Димыч спасибо тебе, смотрю и каждый твой урок мотивирует подходить к этому серьезно и с улыбкой )

[@user-xs1ix1zr7l]

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

[@backistall3452]

Spasibo dedu za top react kursy :D

[@timzeynalov3537]

до сегодняшнего дня я тупил с этим мапом а теперь уже пушка

[@user-sz9po8bi4x]

Круто! Спасибо за детальное обьяснение!

[@almazyakhin7246]

ЕЕЕ-хоУ, уже четверть курса прошел! Спасибо Димыч, спасибо.

[@sharap123]

Наконец-то запомнила массив map. Спасибо!

[@user-su7cd2gn1k]

Дмитрий, очень круто, что так подробно "разжевываете" материал! Я знал в теории, что существует метод map, а в этом уроке увидел, как он работает. Плюс сочетание map и стрелочных функций стало понятно! Спасибо!

[@lerne-du]

Учусь с удовольствием! Спасибо :)

[@user-lf9xi8gn8x]

Спасибо огромное , понял как работать с методом map . Круто и подробно обьясняешь !

[@user-tf1rn7qq2p]

Большое реактивное спасибо, Димыч!

[@user-hn1rc7vv8i]

Спасибо большое! Узнал что-то новое и интересное)

[@DimStorm]

Огонь!!! Димыч!!! Спасибо за отличный курс !!!

[@podpison3268]

Крутой видос! Спасибо тебе :)

[@nastassia9601]

божественно, как только можно настолько гениально рассказать про map знаете, это чувство, когда получил какую-то информацию новую и просто не можешь больше слушать от переизбытка волнения и эмоций, и нужно взять перерыв, чтобы осознать как же это великолепно, и только потом, после минут раздумий о гениальности этого мира, продолжаешь начатое ты гениальный учитель, я жалею только об одном - что не нашла этот курс раньше