88 - pure function (чистая функция) - React JS
ฝัง
- เผยแพร่เมื่อ 3 ต.ค. 2024
- 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
Pure function
reducer это тоже чистая функция, не меняет state и action
правила которых должна придерживаться чистая функция:
1.иммутабельность - не имеет права изменять входные ссылочные типы данных (props)
2.возвращает данные
3. no side effect - не оставляет какого-то мусора во внешнем мире
4. детерминированность (идемпотентность) - это значит что сколько ни пускай мне на вход одни и те же данные я тебе всегда верну один и тот же ответ
полиглот персистанс - в зависимости от необходимости сохранение данных с помощью той базы данных которая лучше всего подходит для решения задачи
Круто Спасибо!
React Redux
сохраните все это)
да, сохраните это всё и конспектом выложите куда-то, плиз)
а сингл респонсибилити - разве не сюда же? что функция выполняет только одну задачу, для каждой новой - своя фукнция
Насчет 4 пункта, имеется ввиду в глобальном значение верну JSX в любом случае. Или какой именно JSX?
@@nonstopfights9047 Имеется в виду тот же самый JSX точь в точь
Выучи джаваааскрииипт , устройся на рабоооотууу... Хорошая песня) спасибо за урок)
Я попал на стажировку! Всё началось с декабря того года. Я начал изучать реакт, дошёл до 47 урока. Потом стало некогда и я забросил. Недавно, одна большая компания в моей стране объявила стажировку и я прошёл на неё. В общей степени, реакт сам не понадобился, но благодаря структуре фреймворка и паре паттернов, которые я изучил на этих курсах я попал на стажировку бэкенд разработчиком (golang). Так что Димыч, спасибо тебе большое! Курсы принесли пользу, пусть хоть и косвенную. И хочу от себя добавить: не знаю как сейчас, но раньше ты говорил, что англ язык в программировании не нужен. А мой опыт показывает, что нужен. Результаты гугления на англ приносят лучше и больше результатов, чем на русском
Красава, теперь ждите мой выход)
Поздравляю!!! Бомба!!! Успехов и пожалуйста 🙏
По поводу инглиша: ни в коем случае такую мысль не хотел донести!!! Идея была такая: ОЧЕНЬ слабый инглиш и мало времени - учим программирование и фиг с ним с инглишем!!!!
Есть инглиш - круто, большое преимущество!
Нет инглиша вовсе даже школьного - не идём в программирование, учим инглиш базовый!!!
Слабый инглиш и КУЧА времени - усиливаем инглиш и потом идём учить программирование!!!
Когда читаешь такие комменты хочется плакать от счастья! Так держать!
Ну что? Я на стажировке!
@@aymkin и шо там да как расскажи
"Внешний мир охиреет от того, что изменение произойдет непонятно откуда" - в копилку золотых цитат)))
финишная прямая чувствуется)
димыч , я кайфую от твоих уроков, уже кучу денег потратила на обучение. но пока не нашла твой канал думала что программирование не моё. а сейчас прям затянууууулоооо
мне 25 и замужем уже 6 лет, все вокруг говорят что давай, детей уже пора, хватит ерундой страдать, а я нет, сначала стану программистом крутым)))
как успехи?
Йоу самураи! Димыч, крутой курс! Дошел до сюда за пару месяцев упорного задротства, был на 3-х собесах. Завтра иду на тестовый день пилить интерфейс на реакте, по результатам дня возможен офер! Если все получится, выпью вечерком за тебя, Димыч, и задоначу еще тебе копеечку :)!
ПС: чтобы избежать мутации объекта юзеров, можно реверс вызвать после мапа. Метод map() возвращает новый массив, а его уже можно безболезненно мутировать =)
Как успехи бро?
@@АлександрИванькович-т9ф все круто, спасибо! собес я тот так и не прошел)) щас тружусь фронтендером в продуктовой компании из Франции ) столько всего произошло за этот год, охренеть можно )) если будет интересно как-нибудь расскажу.
Димычу еще раз респект, без его видосов и мотивации было бы все намного сложнее !
@@ivanpsarew красава!
Класс, иммутабельность, идемпотентность и отсутствие сайд эффектов залог чистоты.
Очередной добротный и душевный выпуск. Очень понравилось, Дима. Благодарю!
Очень доступно и понятно о Pure Function! Спасибо!
Теория, я думал что никогда не буду её, так любить, но сейчас я такой, фух отдохну чучуть)
Я вспоминаю теорию в виде Ваших каракуль ))))
отличный ролик, который помогает подготовиться к собесу и не только. Спасибо большое за урок! React Redux Pure function лучшие курсы!!!!
Спасибо за пояснение о pure function. Это знание полезно не только для React, но и общего понимания java script. Я уже давно заметил, что религиозные прения - как и прямом, так и переносном смысле этого слова - во многом не поиск истины, а желание подавить чужую точку зрения. И очень хорошо, что Димыч призывает нас быть открытыми различным подходам и идеям в разработке))
Спасибо про чистые функции очень понятно!
Pure function это: 1. Иммутабельность; 2. Возвращение результата (значения); 3. No side-effects; 4. Детерминированность (идемпотентность). В общих чертах все понятно и ясно. Спасибо!
Дмитрий, спасибо за урок! доступно, понятно, интересно. как ниже написано, финишная прямая чувствуется. и как ты говоришь, потом на повтор.
Спасибо большое за урок!!! Чистые функции стали более понятными)
Get запрос во многих случаях не должен быть идемпотентным. Например, когда делаешь GET юзеров по слову, ты можешь одно и то же слово в match передавать, но тебе вернется другой результат, если юзер поменял имя, добавился новый и с именем, совпадающим с match. И коллекций таких может быть куча, особенно в больших проектах, когда куча манипуляций с БД идет.
Песня с простыми словами, но очень мотивирует, ещё чуть-чуть ещё немного и будет выпускной
Круто, круто, круто!) Летим дальше)
pure function (чистая функция)
Супер, видос про иммутабельность!
Отличные уроки по React - Redux! Дмитрий очень хороший преподаватель! Болеет за нас своей душой) IT-KAMASUTRA, вперед!
наконец то чисто и функционально у меня в голове стало от чистых функций. Всё по полочкам. Спасибо!
Спасибо за объяснения темы pure function! Теперь мы все знаем, что основными характеристиками чистой функции есть иммутабельность, наличие return, отсутствие side effect, детерминированность и идемпотентность. Лучший курс по React JS и JavaScript. Дима, удачи во всех начинаниях!
Какая же классная финальная песня, музыка супер :-) Лучшие уроки по React
pure function (чистая функция) - React JS.
Спасибо за курс.
До этих уроков считал функциональную парадигму пережитком прошлого или утилитной составляющей. Поумнел, спасибо)
Димыч, твоя постановка вопроса индивидуального подхода (религии) однозначно ++++ !
Pure function (чистая функция) - React JS respect !
Лайк уже стоит)))самый лучший курс!!!
Спасибо, мужик
@@ITKAMASUTRA как только - так сразу донат с первых денег. А они уже начинаются на фрилансе пока wp,но скоро и реакт начнеться.чую))))))
Есть только просьба - не поднимать донат на бэке,как обещал.сделай 200р в месяц. А лучше оставь 100. Денег же больше от этого не станет!)))а добра людям сделаешь просто космос. В карму + будет полюбе)))от души спасибо.
Все таки детерминированность и идемпотентность - это немного разные вещи.
Идемпотентность - это когда надо, чтобы если пользователь нажимает несколько раз кнопку "перевести деньги", чтобы деньги перевелись только один раз. В общем, это скорее про mutable операции.
React JS - pure function (чистая функция)
Лучшие уроки по React & Redux !!!
The BEST!!! lessons of React & Redux!!!
Programming and Coding!!!
Just about information technology =)
Спасибо за закрепление материала по чистым функциям) Забавно, но недавно я узнала, что один мой знакомый, который кучу лет работает программистом, не знает что такое чистая функция и вообще ни одного понятия не знает). А я знаю, умею, практикую, спасибо Димычу)))
Пересматриваю всё по второму разу. Гораздо больше и лучше доходит )) спс, Димыч!
ДИмыч про чистую функцию знал, отличный материал чтобы повторить!
иммутабельность
что-то возвращает - return
детерменированность/идемпотентность
Нет сайд эффектов, но их можно делать в хуке useEffect
Спасибо большое, бомбим, бомбим, бомбим дальше!!!
Спасибо, бомбим дальше!
Классно, спасибо! pure function, чистая функция.
Наконец-то функциональный подход ))) React , Redux, Pure functions, Dimych React Super Course!!!
pure function, immutable, return, no side-effects, determine
Дима, спасибо) на собесе эту тему не забуду)
Спасибо за повторение материала уроков 47 и 52! 2022. Спасибо за тему о мутирующих методах и как с ними бороться. Нашел список мутирующих / НЕ мутирующих методов в поисковике "Как запомнить, изменяет ли метод исходный массив?" Иду дальше.
Крутяк! React.js, redux, pure functions, чистая функция
pure function (чистая функция) - React JS.
Спасибо за курс.
Очень классное видео про чистые функции (pure function). Его можно даже смотреть отдельно от курса
Pure function. Спасибо
Офигенно! Спасибо из конца 2021
15.06.2020 на этом видео 847 лайков, а на предыдущих видосах более 1к)))) все меньше и меньше людей доходят до конца!! Спасибо Димич! JS + Redux + React ! летим! привет из Киева!
pure functions, чистые функции - это круто!
Спасибо за урок! pure function
Супер объяснение про чистые функции! Летим дальше
Коротко и ясно 👍🏼 летим дальше 🚀⚛️ реакт , чистая функция, pure function , JavaScript
тебя всегда интересно слушать)
спасибо за pureFunction 1.immutable 2.no sideEffect 3.has return 4.determinism
Pure function, immutability, side effects, idempotent, React JS
Спасибо Димыч за работу! на дворе 2021, а я обратился именно к тебе, потому что уровень преподавания достоин похвал) Особенно песня в конце - топ
Спасибо за урок
map().reverse() тоже норм, реверс будет сделан над новым массивом который вернёт .map(). получится, что иммутабельность мы сохраним) хотя не зная этого нюанса, возможно это не так наглядно
Pure function, immutability, side effects, idempotent, React JS
Спасибо Димыч ты лучший !!!❤
Увиии 40 тис подписчиков))))))Очень круто)ПОЗДРАВЛЯЮ . Желаю к концу года чтобы 100 тис было уже )))
Большое спасибо, на мой взгляд, это лучший курс по React
Димыч, огромное спасибо за твой труд. У тебя все получится.
Из основ программирования помню, что функцией называют функцию, которая что-то возвращает. А та, что ничего не возвращает называют процедурой.
я кстати реверс этого массива сделал еще в самом начале... ну чтоб поведение добавления сообщений было как в настоящей сети.. и он не меняет исходный стейт.
let postelts = props.posts.map(post => ).reverse(); полагаю за счет того, что map по умолчанию создает новый массив
А я добавил в ретурне, где уже jsx разметка создается. Тоже не влияет на стейт.
@@smartapesofficial6855 У меня то же не переворачивает)
Благодарю за лекбез!!!
Спасибо! pure function (чистая функция) - React JS #shouldComponentUpdate #PureComponent #memo
Спасибо Димыч! Благодаря тебе я устроился на работу, но всё равно продолжаю прокачивать скилл по твоим урокам) Да и на работе используют vue + laravel. Пока что сложно понять как связывается frontend и backend, плюс благодоря тебе заметил что у нас на проектах вообще не используют глобальный store, а еще запросы делают внутри компоненты. Единственное что сейчас не могу понять как устроен сайт, потому что он не SPA) там несколько страниц с расширениемя blade.php и просто php, сложность в том что я не понимаю как используют сами компоненты внутри этих страниц, да и структура очеень сложная)
Супер, поздравляю!!!
IT-KAMASUTRA спасибо, ты лучший учитель! Обязательно присоединюсь вам к инкубатор, как только накоплю деньги)
, а Димыч -- лучший ,!!!
Спасибо Димыч! Круто пояснил - полетел дальше!
pure function (чистая функция) - React JS
Спасибо за рассказ о pure function!) Интересно и понятно)
Круто! 88 выпуск, зп придет, продлю спонсорство
Димыч как всегда разжевал очень подробно!- Спасибо. Чистая функция
Иммутабельность, return, no side-effect, детерминированность(идемпотентность)= предсказуемость!!! Летим дальше!!!
Спасибо Димыч)
Спасибо огромное за твой труд! Смотрю дальше!
Спасибо ! Класс ! pure function
Иммутабельность - заповедь - Не изменяй ближнего =D
pure function (чистая функция) - React JS.
Спасибо.
Бомбим дальше ©
Спасибо за уроки pure function чистая функция React JS
Спасибо Димыч)
Летим !
Всем привет сегодня 13.12.21г Урок бомба продолжаю учиться
спасибо, очень хорошо объяснил почему нужно придерживаться такогог подхода)
Спасибо за урок, Димыч!!!
#reactjs #reactredux #purefunction
🤩pure function (чистая функция) - React JS
pure function )) бомбим)
Спасибо за уроки! Струна немного расстроена у гитары. )))
Лайк! Полезная информация! Едем дальше!
Очень полезно было! LIKE!)
Спасибо Димыч,уже чувствую ,что я в шаге от трудоустройства)))
Дима, спасибо. pure function (чистая функция) - React JS
spasibo za urok - 88 - pure function (чистая функция) - React JS
Redux же нам помогает в иммутабельности. Перерендора не будет, если не сделать наши любимые "..."
В случае, если вы хотите, что бы reverse() не изменял исходный массив, а возвращал массив с поверхностным копированием(не с глубоким), как это делают другие методы массива (например map(), ), вы можете выполнить поверхностным копирование перед вызовом reverse(), используя синтаксис spread или Array.from().
Спасибо! Отличнейший курс!
Так и надо всё раскладывать по полочкам, тогда самая сложная тема простой покажется! И, вуаля, pure function - это просто!!
Димычь спасибо!!!
Все супер! Огонь! Спасибо тебе огромное!!!
Мне очень понравилась песенка в конце, подскажи какие там аккорды😅
React JavaScript Pure Function tutorial
Урок 88. Пишу свой белорусский социально-экологический проект. Комент как благодарность (:
Все шикарно!!! Спасибо!
супер!