88 - pure function (чистая функция) - React JS

it-incubator.i... - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_s...
API: social-network...
ReactJS в первую очередь про функциональное программирование. Есть основная концепция - ЧИСТАЯ ФУНКЦИЯ, которую вам нужно понимать.
По сути, теория-теория-теория.. Хотя по факту практика-практика-практика)))
Какие момент ынужно помнить и понимать на мой скромный взгляд, когда вас спросят про фистую функцию?
1. immutability (имьютабельность, неизменяемость) - входные данные, пришедшие в функцию, эта функция не должна менять (речь про объекты и массивы, так как по ссылке они передаются, поэтому делаем копию)
2. отсутствие side-effects (пункт 1 связан с этим, а так же использование глобальных переменных, их модификация, асинхронные операции и что-то может быть ещё)
3. детерменированность\идемпотентность - сколько бы раз на вход чистой функции не подавали одно и тоже, на выходе чистой функции должен быть один и тот же результат
4. чистая функция должна вернуть (return) что-либо)))
Это базовые вещи, которые попытайтесь понять, друзья!
Летим, самураи!!!
Уроки по React JS: • Курс "React JS - путь ...
Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
Мы в соц. сетях:
itkamas...
/ itkamasutra
telegram.me/it...
Мои личные VK и Insta:
d.kuzyu...
/ it.kamasutra.dimych
#shouldComponentUpdate #PureComponent #memo #reactJS

[@fargutvest]

Pure function reducer это тоже чистая функция, не меняет state и action правила которых должна придерживаться чистая функция: 1.иммутабельность - не имеет права изменять входные ссылочные типы данных (props) 2.возвращает данные 3. no side effect - не оставляет какого-то мусора во внешнем мире 4. детерминированность (идемпотентность) - это значит что сколько ни пускай мне на вход одни и те же данные я тебе всегда верну один и тот же ответ полиглот персистанс - в зависимости от необходимости сохранение данных с помощью той базы данных которая лучше всего подходит для решения задачи Круто Спасибо! React Redux

[@indigosay8272]

сохраните все это)

[@ruslanfomin4648]

да, сохраните это всё и конспектом выложите куда-то, плиз)

[@zipri9576]

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

[@nonstopfights9047]

Насчет 4 пункта, имеется ввиду в глобальном значение верну JSX в любом случае. Или какой именно JSX?

[@keepworking2705]

@@nonstopfights9047 Имеется в виду тот же самый JSX точь в точь

[@sulafpv]

Я попал на стажировку! Всё началось с декабря того года. Я начал изучать реакт, дошёл до 47 урока. Потом стало некогда и я забросил. Недавно, одна большая компания в моей стране объявила стажировку и я прошёл на неё. В общей степени, реакт сам не понадобился, но благодаря структуре фреймворка и паре паттернов, которые я изучил на этих курсах я попал на стажировку бэкенд разработчиком (golang). Так что Димыч, спасибо тебе большое! Курсы принесли пользу, пусть хоть и косвенную. И хочу от себя добавить: не знаю как сейчас, но раньше ты говорил, что англ язык в программировании не нужен. А мой опыт показывает, что нужен. Результаты гугления на англ приносят лучше и больше результатов, чем на русском

[@aymkin]

Красава, теперь ждите мой выход)

[@ITKAMASUTRA]

Поздравляю!!! Бомба!!! Успехов и пожалуйста 🙏 По поводу инглиша: ни в коем случае такую мысль не хотел донести!!! Идея была такая: ОЧЕНЬ слабый инглиш и мало времени - учим программирование и фиг с ним с инглишем!!!! Есть инглиш - круто, большое преимущество! Нет инглиша вовсе даже школьного - не идём в программирование, учим инглиш базовый!!! Слабый инглиш и КУЧА времени - усиливаем инглиш и потом идём учить программирование!!!

[@ОлегВячеславович-с6е]

Когда читаешь такие комменты хочется плакать от счастья! Так держать!

[@aymkin]

Ну что? Я на стажировке!

[@sevdev9374]

@@aymkin и шо там да как расскажи

[@__maxsoul643]

Выучи джаваааскрииипт , устройся на рабоооотууу... Хорошая песня) спасибо за урок)

[@crypto4elik]

финишная прямая чувствуется)

[@markkasiansky2629]

"Внешний мир охиреет от того, что изменение произойдет непонятно откуда" - в копилку золотых цитат)))

[@ИннаЦиммерманн]

димыч , я кайфую от твоих уроков, уже кучу денег потратила на обучение. но пока не нашла твой канал думала что программирование не моё. а сейчас прям затянууууулоооо мне 25 и замужем уже 6 лет, все вокруг говорят что давай, детей уже пора, хватит ерундой страдать, а я нет, сначала стану программистом крутым)))

[@ourpeoples1356]

как успехи?

[@ivanpsarew]

Йоу самураи! Димыч, крутой курс! Дошел до сюда за пару месяцев упорного задротства, был на 3-х собесах. Завтра иду на тестовый день пилить интерфейс на реакте, по результатам дня возможен офер! Если все получится, выпью вечерком за тебя, Димыч, и задоначу еще тебе копеечку :)! ПС: чтобы избежать мутации объекта юзеров, можно реверс вызвать после мапа. Метод map() возвращает новый массив, а его уже можно безболезненно мутировать =)

[@АлександрИванькович-т9ф]

Как успехи бро?

[@ivanpsarew]

@@АлександрИванькович-т9ф все круто, спасибо! собес я тот так и не прошел)) щас тружусь фронтендером в продуктовой компании из Франции ) столько всего произошло за этот год, охренеть можно )) если будет интересно как-нибудь расскажу. Димычу еще раз респект, без его видосов и мотивации было бы все намного сложнее !

[@АлександрИванькович-т9ф]

@@ivanpsarew красава!

[@ollegat]

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

[@theWorldIsMultivariate]

Очень доступно и понятно о Pure Function! Спасибо!

[@denysm5599]

Спасибо за пояснение о pure function. Это знание полезно не только для React, но и общего понимания java script. Я уже давно заметил, что религиозные прения - как и прямом, так и переносном смысле этого слова - во многом не поиск истины, а желание подавить чужую точку зрения. И очень хорошо, что Димыч призывает нас быть открытыми различным подходам и идеям в разработке))

[@MikhailKuklenkov]

Очередной добротный и душевный выпуск. Очень понравилось, Дима. Благодарю!

[@is_eliseeva]

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

[@bugaga8144]

Песня с простыми словами, но очень мотивирует, ещё чуть-чуть ещё немного и будет выпускной

[@eugene-dmitrievich]

Спасибо большое за урок!!! Чистые функции стали более понятными)

[@oceanbeach5351]

Get запрос во многих случаях не должен быть идемпотентным. Например, когда делаешь GET юзеров по слову, ты можешь одно и то же слово в match передавать, но тебе вернется другой результат, если юзер поменял имя, добавился новый и с именем, совпадающим с match. И коллекций таких может быть куча, особенно в больших проектах, когда куча манипуляций с БД идет.

[@Serhii.T]

Я вспоминаю теорию в виде Ваших каракуль ))))

[@СміхГієни]

Теория, я думал что никогда не буду её, так любить, но сейчас я такой, фух отдохну чучуть)

[@marina-ej4qd9kc1wh]

Спасибо про чистые функции очень понятно!

[@АртемКулинский-ю4о]

Отличные уроки по React - Redux! Дмитрий очень хороший преподаватель! Болеет за нас своей душой) IT-KAMASUTRA, вперед!

[@КюршадАлиев-о7щ]

отличный ролик, который помогает подготовиться к собесу и не только. Спасибо большое за урок! React Redux Pure function лучшие курсы!!!!

[@ЛусінеАтаджанян]

Спасибо за объяснения темы pure function! Теперь мы все знаем, что основными характеристиками чистой функции есть иммутабельность, наличие return, отсутствие side effect, детерминированность и идемпотентность. Лучший курс по React JS и JavaScript. Дима, удачи во всех начинаниях!

[@StepanVorobiov]

наконец то чисто и функционально у меня в голове стало от чистых функций. Всё по полочкам. Спасибо!

[@ВадимЛюманов]

Pure function это: 1. Иммутабельность; 2. Возвращение результата (значения); 3. No side-effects; 4. Детерминированность (идемпотентность). В общих чертах все понятно и ясно. Спасибо!

[@АндрейФилимончик-ю9у]

Круто, круто, круто!) Летим дальше) pure function (чистая функция)

[@NikitaKrjukov]

Все таки детерминированность и идемпотентность - это немного разные вещи. Идемпотентность - это когда надо, чтобы если пользователь нажимает несколько раз кнопку "перевести деньги", чтобы деньги перевелись только один раз. В общем, это скорее про mutable операции.

[@spir1tfly]

pure function (чистая функция) - React JS. Спасибо за курс.

[@АлексейЖуков-й6х]

Какая же классная финальная песня, музыка супер :-) Лучшие уроки по React

[@Safaptiz]

Очень классное видео про чистые функции (pure function). Его можно даже смотреть отдельно от курса

[@ПараСлов-н2и]

Пересматриваю всё по второму разу. Гораздо больше и лучше доходит )) спс, Димыч!

[@slavapush]

До этих уроков считал функциональную парадигму пережитком прошлого или утилитной составляющей. Поумнел, спасибо)

[@ivank.1193]

я кстати реверс этого массива сделал еще в самом начале... ну чтоб поведение добавления сообщений было как в настоящей сети.. и он не меняет исходный стейт. let postelts = props.posts.map(post => ).reverse(); полагаю за счет того, что map по умолчанию создает новый массив

[@smartapesofficial6855]

А я добавил в ретурне, где уже jsx разметка создается. Тоже не влияет на стейт.

[@-musicanimationsvideo9691]

@@smartapesofficial6855 У меня то же не переворачивает)

[@adastraperaspera0264]

Супер, видос про иммутабельность!

[@viktorshatalov1920]

Лайк уже стоит)))самый лучший курс!!!

[@ITKAMASUTRA]

Спасибо, мужик

[@viktorshatalov1920]

@@ITKAMASUTRA как только - так сразу донат с первых денег. А они уже начинаются на фрилансе пока wp,но скоро и реакт начнеться.чую)))))) Есть только просьба - не поднимать донат на бэке,как обещал.сделай 200р в месяц. А лучше оставь 100. Денег же больше от этого не станет!)))а добра людям сделаешь просто космос. В карму + будет полюбе)))от души спасибо.

[@aleksandrzelenskiy4000]

Супер объяснение про чистые функции! Летим дальше

[@АндрейВерещагин-т1ю]

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

[@димашарашкин]

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

[@mrmicolka]

Pure function. Спасибо

[@ПараСлов-н2и]

Классно, спасибо! pure function, чистая функция.

[@vadikpanchuk4978]

Димыч, твоя постановка вопроса индивидуального подхода (религии) однозначно ++++ ! Pure function (чистая функция) - React JS respect !

[@denkodatskyi3381]

React JS - pure function (чистая функция) Лучшие уроки по React & Redux !!! The BEST!!! lessons of React & Redux!!! Programming and Coding!!! Just about information technology =)

[@tseryakov]

map().reverse() тоже норм, реверс будет сделан над новым массивом который вернёт .map(). получится, что иммутабельность мы сохраним) хотя не зная этого нюанса, возможно это не так наглядно

[@АлександрТыршу-р5с]

тебя всегда интересно слушать)

[@MyMy-fg6rt]

Офигенно! Спасибо из конца 2021

[@serg1221]

Крутяк! React.js, redux, pure functions, чистая функция

[@konstantinkuksov914]

pure functions, чистые функции - это круто!

[@ЮлияМарченко-э1ж]

Спасибо за урок! pure function

[@ashbarso7752]

спасибо за pureFunction 1.immutable 2.no sideEffect 3.has return 4.determinism

[@alik64]

Коротко и ясно 👍🏼 летим дальше 🚀⚛️ реакт , чистая функция, pure function , JavaScript

[@lelkamod]

pure function, immutable, return, no side-effects, determine Дима, спасибо) на собесе эту тему не забуду)

[@michaelbacy3525]

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

[@ЯнКарпов-з8ю]

Pure function, immutability, side effects, idempotent, React JS Спасибо Димыч за работу! на дворе 2021, а я обратился именно к тебе, потому что уровень преподавания достоин похвал) Особенно песня в конце - топ

[@ВикторКлименко-щ9ф]

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

[@Aleks-lk1et]

Спасибо за повторение материала уроков 47 и 52! 2022. Спасибо за тему о мутирующих методах и как с ними бороться. Нашел список мутирующих / НЕ мутирующих методов в поисковике "Как запомнить, изменяет ли метод исходный массив?" Иду дальше.

[@dechto1]

Иммутабельность - заповедь - Не изменяй ближнего =D

[@ГеннадийГорохов-ц8н]

Всем привет сегодня 13.12.21г Урок бомба продолжаю учиться

[@maxkos6184]

Наконец-то функциональный подход ))) React , Redux, Pure functions, Dimych React Super Course!!!

[@АртемийЛукин-г4ы]

Летим !

[@ctumyji9737]

Спасибо Димыч! Круто пояснил - полетел дальше! pure function (чистая функция) - React JS

[@__online7250]

Благодарю за лекбез!!!

[@Jorjeee]

Увиии 40 тис подписчиков))))))Очень круто)ПОЗДРАВЛЯЮ . Желаю к концу года чтобы 100 тис было уже )))

[@МарияВасиленко-я5к]

Спасибо за закрепление материала по чистым функциям) Забавно, но недавно я узнала, что один мой знакомый, который кучу лет работает программистом, не знает что такое чистая функция и вообще ни одного понятия не знает). А я знаю, умею, практикую, спасибо Димычу)))

[@TRIZ-Bogatyregold]

ДИмыч про чистую функцию знал, отличный материал чтобы повторить! иммутабельность что-то возвращает - return детерменированность/идемпотентность Нет сайд эффектов, но их можно делать в хуке useEffect

[@dob1wan174]

15.06.2020 на этом видео 847 лайков, а на предыдущих видосах более 1к)))) все меньше и меньше людей доходят до конца!! Спасибо Димич! JS + Redux + React ! летим! привет из Киева!

[@lukyanenkomikhail7459]

Спасибо за уроки pure function чистая функция React JS

[@dimav3343]

Димыч, огромное спасибо за твой труд. У тебя все получится. Из основ программирования помню, что функцией называют функцию, которая что-то возвращает. А та, что ничего не возвращает называют процедурой.

[@oconnor4417]

Спасибо Димыч ты лучший !!!❤

[@ruslanla4654]

Димыч как всегда разжевал очень подробно!- Спасибо. Чистая функция

[@ivanmiarkulau8320]

Спасибо за рассказ о pure function!) Интересно и понятно)

[@ddrdeveloper]

Спасибо за уроки! Струна немного расстроена у гитары. )))

[@sergsergey4251]

pure function (чистая функция) - React JS. Спасибо. Бомбим дальше ©

[@ritaravinsky8262]

[@gennadiymedvedev214]

, а Димыч -- лучший ,!!!

[@interpol2138]

В случае, если вы хотите, что бы reverse() не изменял исходный массив, а возвращал массив с поверхностным копированием(не с глубоким), как это делают другие методы массива (например map(), ), вы можете выполнить поверхностным копирование перед вызовом reverse(), используя синтаксис spread или Array.from().

[@naiz4005]

Круто! 88 выпуск, зп придет, продлю спонсорство

[@amaxe12345]

Спасибо! pure function (чистая функция) - React JS #shouldComponentUpdate #PureComponent #memo

[@mrchyt8861]

pure function )) бомбим)

[@mykhailostepanishchev6472]

Спасибо ! Класс ! pure function

[@kondakov90]

Redux же нам помогает в иммутабельности. Перерендора не будет, если не сделать наши любимые "..."

[@spacerider9426]

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

[@sveta7201]

🤩pure function (чистая функция) - React JS

[@wild_wizards]

Лайк! Полезная информация! Едем дальше!

[@fgood574]

Спасибо Димыч! Благодаря тебе я устроился на работу, но всё равно продолжаю прокачивать скилл по твоим урокам) Да и на работе используют vue + laravel. Пока что сложно понять как связывается frontend и backend, плюс благодоря тебе заметил что у нас на проектах вообще не используют глобальный store, а еще запросы делают внутри компоненты. Единственное что сейчас не могу понять как устроен сайт, потому что он не SPA) там несколько страниц с расширениемя blade.php и просто php, сложность в том что я не понимаю как используют сами компоненты внутри этих страниц, да и структура очеень сложная)

[@ITKAMASUTRA]

Супер, поздравляю!!!

[@fgood574]

IT-KAMASUTRA спасибо, ты лучший учитель! Обязательно присоединюсь вам к инкубатор, как только накоплю деньги)

[@esken97]

Спасибо Димыч)

[@Snegurjan]

Спасибо Димыч,уже чувствую ,что я в шаге от трудоустройства)))

[@ДенисВладимирович-ы2ъ]

Иммутабельность, return, no side-effect, детерминированность(идемпотентность)= предсказуемость!!! Летим дальше!!!

[@marsonleonardovich4036]

Очень полезно было! LIKE!)

[@ВладПономарёв-м1ъ]

Дима, спасибо. pure function (чистая функция) - React JS

[@vitaliidrapaliuk5652]

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

[@ИгорьКащи]

Изрядно поредели ряды самураев(( Все устроились наверное)) Летим

[@АндрейВерещагин-т1ю]

Pure function, immutability, side effects, idempotent, React JS

[@Mykhailo_Vdovychenko]

Спасибо! Отличнейший курс!

[@dimitriitkach7697]

spasibo za urok - 88 - pure function (чистая функция) - React JS

[@ДмитроКравець-л2щ]

Спасибо pure function понятен!

[@milter2539]

Урок 88. Пишу свой белорусский социально-экологический проект. Комент как благодарность (:

[@mixfixtv5656]

Все супер! Огонь! Спасибо тебе огромное!!! Мне очень понравилась песенка в конце, подскажи какие там аккорды😅 React JavaScript Pure Function tutorial

[@АндрейД-г8ф]

Pure function

[@КонстантинКараманов-о1ю]

идемпотентность это скорее про то, что при вызове функции к примеру 3-4 раза, результат будет таким же!!! В ней ничего не произойдёт такого, что поменялось бы конечный результат = она идемпотентна. Детерменированность скорее просто про то что результат выполнения функции или операции всегда будет одинаковым при одинаковых входных данных. То есть, при одних и тех же входных значениях функция всегда будет возвращать один и тот же результат.

[@Vllad_Ko]

Так и надо всё раскладывать по полочкам, тогда самая сложная тема простой покажется! И, вуаля, pure function - это просто!!

[@semial]

Спасибо за урок, Димыч!!! #reactjs #reactredux #purefunction

[@ole_oli]

Димычь спасибо!!!