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

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

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

50% 1

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

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

28 сен 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

Комментарии : 1,3 тыс.

@РоманСимонов-з4ъ 2 года назад

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

@АлексейМихеичев-е8й 2 года назад

Как успехи?

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

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

@АлексейМихеичев-е8й 2 года назад

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

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

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

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

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

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

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

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

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

@МитяА-р5к 4 года назад

рядом с косой

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

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

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

ахахха

@ChristinaShevtsova-q8n 3 года назад

😂😂😂

@4press 5 лет назад

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

@ITKAMASUTRA 5 лет назад

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

@antonbarbakov9848 5 лет назад

точняк

@SlootLite 5 лет назад

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

@ivansamoiliuk5451 5 лет назад

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

@pekarskiy_nikolai 5 лет назад

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

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

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

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

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

@ВладиславЗябский 4 года назад

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

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

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

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

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

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

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

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

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

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

Спасибо.

@Flawden Год назад

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

@ЕкатеринаЗ-э6г Год назад

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

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

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

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

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

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

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

@bekbulatbekeyev5058 Год назад

как успехи?

@ГалинаКузнецова-н1и Год назад

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

@YevheniiPohribnyi-b9i 3 года назад

Майские праздники подкосили моё стремление, но я снова тут. Спасибо тебе, Димыч!

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

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

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

СПАСИБО ОГРОМНОЕ!!!!! Хочу поскорее к 100 добраться с пониманием))

@ЕвгенийИльин-к4л 2 года назад

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

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

שמירת התרגום 2022- Израиль. Я изучаю ваш курс в течение нескольких недель. Я получаю удовольствие! Подробный, интересный курс с шутками, которые я очень ценю - они ломают лед и снимают напряг. Продолжаем вместе к уроку 27

@andrewavramenko310 5 лет назад

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

@АндрійЛащ-ф5х 3 года назад

лучшее что есть в ютубе по реакту, спасибо тебе добрый человек , привет с 21 года

@ЕвгенийМакарук-ж8в 3 года назад

Привет, как успехи? я тоже сейчас прохожу этот плейлист

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

Цитата из Судного дня про одежду и мотоцикл)) классика мирового кино!!

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

Отсылка к Терминатору улыбнула) спасибо за уроки!=)

@Evgeny.. 3 года назад

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

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

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

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

Два года прошло,и курс актуален!

@bystryisokol1546 5 лет назад

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

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

3й раз возвращаюсь к данной теме и каждый раз всё больше узнаю!

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

Отсылочка к терминатору была) Best of the best! Жаришка, а не урок, 3 раза пришлось пересмотреть, чтоб всё понять)

@xatuky9644 Год назад

ты реально хорош, пока что сложно заставлять себя, но понимаю что нужно и вот сижу в час ночи и учу реакт

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

Спасибо! Никакие платные курсы не сравняться с этими данными. Все понятно... Удивительно!

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

Найкращий розбір методу map з тих що я бачив. Дякую величезне!

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

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

@johan.de.matan. 5 лет назад

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

@Toolie-u9w 3 года назад

Легко изучать React, имея крепкие знания нативного Js. Спасибо за курс! Надеюсь за месяц добью

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

Терминатор судный день - фильм моего детства) Этот урок чёт лучше всех предыдущих залетел, ваще почти мозг не напрягался, видимо сказывается знание основ JS)

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

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

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

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

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

Так круто и подробно что даже зная как это работает нашел для себя новое, спасибо.

@musicfortheears6471 Год назад

Димыч, ты и полезен и востребован ииии-и красавчик. Столько даешь, не оценить

@МудростьЗевса 2 года назад

Huge thanks to our Mentor!!!

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

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

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

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

@didikha Год назад

орнула с барашков))) спасибо, Дима! я все еще тут!

@НиколайБараненко-ш6г 3 года назад

благодарю за максимально доходчивое разжеванное объяснение про map!

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

спасибо Димыч, главное что ты доступно обьясняеш, это очень большой плюс

@МаксРоманчук-б9б 3 года назад

Дякую, ти красавчик!!! що допомагаєш нам всім

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

Димыч - это Человек с большой буквы!

@МаксимМинаков-я9о Год назад

Вчера пришел с работы и закреплял нативку Виктора по CRUD а на сегодня решил закрепить MAP, и как здорово что урок попал именно на него. Да я взял академ из-за слабой подготовки но через месяц вернусь и буду накачанней)))))))))

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

I need your sapogi )), glases and cloths(короче как то так) = це з Terminator 2 )) звісно. Thank you for your lessons, Dmitriy!

@nk_77777 Год назад

Четко и понятно рассказал про .map() Летим!🔥🔥🔥

@КостяСильченко-б1р Год назад

Димыч! Спасибо большое за объяснение! 2023 год - летим!

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

Ну не просто уже! Это Радует, хотя мозг не верит что это можно осилить)))

@СветаЕфимова-й1н 4 года назад

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

@МихалычМарко 2 года назад

Дмитрий, ваши труды неоценимы)

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

Объясняешь бомба, всё получилось сделать.

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

самое понятное объяснение работы метода map. Спасибо

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

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

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

Ви суперовий вчитель! дякую! :)

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

Спасибо за столь подробные разъяснения, I'll be back 🦾🤖👉

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

когда учил учил, пришел Димыч и объяснил так, что даже учить не нужно. Сразу приходит осознание) Спасибище!

@LeosMurr Месяц назад

Всё круто, идём дальше!! Если устроюсь то обязательно отблагодарю!"!

@НуруллаАманнула 2 года назад

Ты очень хороший человек, спасибо за уроки!

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

Dimy4, spasibo tebe, 4to iz barashkov tol'ko klubki shersti poli4ilis' ! Smotru v 2021!

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

Респектую! Уникальный материал в своем роде, я считаю!

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

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

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

React JS (метод массива - map)!! летим

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

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

@КристинаДесятнюк-х3ш 3 года назад

Класс!!Всё супер!! Я себя чувствую как в школе,где мне всё розжовывают, а мне надо только проглотить. Спасибо большое. Нигде не находила такие подробные уроки))

@nintendoBoy-o7x 2 года назад

2021 год. Про Терминатора-2 все еще помнят) Смотрю дальше

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

Даа Димыч, Ты очень полезен, очень востребован и Оочень нужен нам! Идем за Тобой! Вших-вших-вших///))

@НаильШайхинуров-п7л 3 года назад

Согласен!

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

Курс супер!! Хоть и смотрю его уже с 2020 года.

@НаильШайхинуров-п7л 3 года назад

Я тоже недавно начал

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

Первый раз смотрел, не врубился. Потом второй раз посмотрел, конспектируя, и получилось

@n0escape Год назад

Довольно таки обширная тема, и интересный способ сократить код, спасибо, полетел дальше на следующий урок.

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

Spasibo dedu za top react kursy :D

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

Отлично! Про map знала - повторила.

@ВіталійПлевако-д2ж 3 года назад

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

@АлександрШ-й5ж 4 года назад

Твои уроки реально заряжают!

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

Димыч, спасибо тебе большое за уроки!

@АртемЛьвицын 3 года назад

сентябрь, 2021, курс огонь!!! Не могу оторваться

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

Толково пояснив про map. Дякую!!!

@АлексейЗавьялов-к7ю 3 года назад

Эх, вот бы map так просто объясняли когда я его учил. Лайк

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

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

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

Дмитрий, ты супермен! Успехов тебе, пусть твой инкубатор достигнет уровня Стенфорда или Гарварда)

@МАКСИММЕЛЬНИК-ш8и Год назад

))) Терминатор !!! Любимый фильм детства !!!

@prod.bypalswick 2 года назад

Всё понятно, спасибо) Едем дальше

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

Очень быстро разобрался с мапами, зарефакторил код, а потом смотрел, как это делаешь ты )) Всё очень круто!

@ДаринаКопенкова 2 года назад

понравилось объяснение метода map! Элемент мне нужны твои сапоги и мотоцикл))

@НикитаНикитин-д4э 4 года назад

Курс просто ауенный!!! Не понимаю почему просмотрев больше 10к А ЛАЙКОВ ВСЕГО 1К с копейками. Пишу будущим юзерам данного курса, ставьте пожалуйста лайки димычу, вам годная инфа с видосов, а автор будет знать что не просто так старался)

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

Спасибо за поддержку

@КатяБурковская-щ7з 4 года назад

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

@testuserfaxx Год назад

Огромная благодарность!

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

Блин! Реально круто! Реально кабзда как просто!)

@lerne-du 4 года назад

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

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

ти просто кабзДа якмй МотиватоР!!! ДЯКУЮ!!!

@oconnor4417 Год назад

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

@MyOwn_Summer 7 месяцев назад

спасибо большое) Настоящий мужик)

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

Поставил тебе лайк! Хорошо что все разжевано, с мапами все получилось именно из-за того что Димыч разжевывал пока писал код.

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

да, я тоже оказывается старпер в 33...

@ЕкатеринаКоваль-ъ1г 3 года назад

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

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

cool, замечательно, вытянул все что можно из МАР!!!

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

Прям очень улыбнуло про шмотки и мотоцикл! XD

@ЮрийСнижко-х3м 2 года назад

Димыч маг и волшебник, круто объясняешь!)

@АлександрВеличкин-ь9в 5 лет назад

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