Функциональное программирование от А до Я. ФП на JS. Монады, функторы, каррирование, композиция 

Сегодня досрочно закрыл испытательный срок на своей первой работе фронтом 🎉🎉🎉 во многом благодаря Тимуру🎉🎉🎉, прошел почти весь курс, не дошел только до последнего раздела. Проходил ещё на первом потоке, у меня там была аватарка с вислоухим котом😺 когда прошел, на полгода забросил, но всё-таки взял себя в руки и устроился😊 всем удачи и верьте в себя!

Ролик вышел, как раз за час, до собеса. Решил быстро глянуть. И на собесе, спросили про функциональное программирование и функции высшего порядка. И я как выдал всю базу, которая есть в ролике, даже доп вопросов не задали😂. Спасибо Тимур за твой труд, за твои бесплатные и платный курсы.

Обожаю твои уроки. Нет никого, кто объяснял бы понятнее и интереснее

Вообще, когда только начинал изучение JavaScript, считал его именно функциональным языком. Да и по факту большую часть времени пишу в функциональном стиле, и люблю его больше чем ООП. По-моему на фронте в ООП пишут только Ангулярщики, но могу ошибаться. Спасибо за очень информативный ролик, как всегда лучший!

Сразу лайк! Нет сомнений в качестве

Интересная тема для меня. В свое время проходил курс по Haskell, поэтому постараюсь дополнительно разъяснить про Монаду и Аппликативный функтор, если кому-то интересно, но не до конца понятно. 1) Монада - это структура, являющаяся наследником Функтора, но для которой дополнительно реализован метод chain. В разных языках/библиотеках название может быть разным. chain очень похож на map, отличие в том, что передаваемая в метод chain функция возвращает не значение (как в случае с map), а сам контейнер, в который запаковано значение. Пример Монады, который прямо под носом, но не был в таком ключе упомянут в видео - это Array. Для него методом chain по своей сути является flatMap: ведь функция, передаваемая во flatMap возвращает сам контейнер - Array: const duplicate = (arr) => arr.flatMap((n) => [n, n]); duplicate([1,2,3]); // [1,1,2,2,3,3] ramdajs.com/docs/#chain Как видно из примера, Монада - это более мощный интерфейс, чем Функтор, потому что позволяет менять не только запакованные значения(в случае с map), но и структуру самого контейнера. При использовании Maybe как Монады мы можем преобразовать Maybe в Nothing (использую псевдо-код): Maybe.of(1).chain(() => Nothing); // Nothing Maybe.of(1).chain((n) => Maybe.of(n * 2)); // Maybe(2) Используя Maybe как Функтор, мы можем изменить только значение, но не сам контейнер: Maybe.of(1).map((n) => n * 2); // Maybe(2) Промис в некотором понимании можно использовать и как Функтор, и как Монаду: Promise.resolve(1).then((n) => n * 2); Promise.resolve(1).then((n) => Promise.resolve(n * 2)); 2) Если кратко говорить про Аппликативный функтор, то он нужен, чтобы применять обычную функцию к упакованным значениям. Важно, чтобы все аргументы функции были одного типа. Например, у нас есть функция сложения, работающая с примитивами: const sum = (a, b) => a + b; Но мы хотим сложить не просто 2 числа, а 2 числа, упакованных в Maybe, причем сделать это лаконично и переиспользуя функцию sum. Maybe является Аппликативным функтором, т.к. реализует метод ap. Поэтому можем решить задачу так: const maybeResult = liftA2(sum, maybe1, maybe2); Если хотя бы 1 из переданных Maybe окажется Nothing, то результат всего выражения будет Nothing: такое поведение прописано в реализации ap для Maybe, которая дергается внутри liftA2. Для других структур поведение может быть своим, главное, чтобы оно удовлетворяло законам Аппликативных функторов. 3) Также можно упомянуть, что любая Монада является Аппликативным функтором, а любой Апликативный функтор является обычным Функтором. Это видно на схеме спецификации fantasy-land. На практике это означает, что если нам нужно объявить какую структуру Монадой, то нам достаточно реализовать только метод chain, а реализация методов ap и map будут выведены автоматически.

Очень полезное видео. Как всегда. Простое и ясное обьяснение сложных вещей. Огромное спасибо.

Хочется сказать слова поддержки и выразить свое уважение к автору проделанную им работу. Спасибо Человек, ты делаешь этот мир лучше! Проделанная тобой работа помогает действительно стремящимся к знаниям людям получить их быстро и безболезненно, продолжай очень нравится. Творческих успехов и активной аудитории тебе!

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

Как всегда очень качествено! большое спасибо!

Жду структурное программирование на Rust или Go))

Пришел от Мурыча, который оподливился, разбирая твоё видео. Дедушка в теме не разбирается. Спасибо за хороший контент по ФП, коего мало на русском. 👍

Спасибо за то что ты делаешь. Я пошёл учится фулл стеком и твои видео всегда дают много знаний даже когда я не знал джс. Качество контента просто топ

Крутой ролик, теперь у меня есть понимание этих всех принципов

Твой ролик про ООП был просто шикарен, поэтому я невероятно ждал видео про ФП! Спасибо большое, Тимур!

Еще раз спасибо за обучающие видео. Делаю 2й проект уже за денежку, и прямо по новому переосмысливаю информацию по вью и авторизации. Если все получится - еще денежку занесу ))

Класс, спасибо за видео 🎉

Спасибо за контент. Всё равно на какую тему ролик от этого автора, главное что 100% это будет полезно.

По-моему, на 51:00 f и g нужно поменять местами. Сначала применяется f (она должна быть внутри), а потом g.

Лайк однозначно, коммент для продвижения, и вопрос по другой теме - снимаешь разбор Rx.js? Могу ошибаться, но она в стиле фп вроде. И как продолжение темы, или в принципе для расширения кругозора интересно услышать твое мнение и опыт в ней.

супер контент!!! ждал! спасибо за труд!

ждем - про Микросервери , микрофронтенд И так далее 😊

Очень наглядное руководство по ФП! Разработчики, поделитесь опытом, может кто-то использовал ФП у себя в проектах? У меня дальше carry,compose,map в рамках ramda и lodash дело не пошло. С ts типизацией очень громоздкий код получался.

Не понимаю как я не подписался на тебя раньше, хотя просматривал твои ролики до этого момента. Очень доходчиво объясняете и отличная дикция!

@UlbiTV Спасибо за полезные видео! Было бы интересно посмотреть видео на темы: 1. изменения настроек вебпака из сборки командой npx create-react-app. 2. Управление глобальным состоянием приложения, с помощью ApolloClient (для исключения использования другого state manager (типа redux) или контекста реакта). Т.е. управление кешем (через хуки или нормальзованными данными, возможно qraphql-codegen), объявление и управление локальными данными клиента (@client, writeQuery, makeVar, useReactiveVar). Интересно было бы посмотреть твое видение организации кода и управление состоянием.

Спасибо ЮЛЬБИ!!! уникальный качественный контент

Фунцкиональный стиль в JS это богоугодное дело! Жду не дождусь когда в спецификацию JS добавят конвейерный (pipeline) оператор |>

Интересна штука особенно про монады, захотелось попробовать применять для избавления фигурных скобочек if error try catch и тд, единственное не хочется терять в производительности из за красоты, не знаю насколько v8 оптимизирует такие функциональные фокусы

Видно, что как всегда стараешься, спасибо тебе огромное, но я понял только поверхностно (всегда стараюсь твои уроки перематывать по "300" раз пока полностью все не пойму...), но досконально на таких примерах наверно и не нужно, а то мозг под плавится ))!!! Надеюсь, что когда будешь делать какие-то уроки с живым кодом, то будешь и вспоминать про этот урок приводя примеры с живым кодом, думаю, что не только я это ценю ))) !!! Желаю тебе вдохновения по более и ждем следующих видео.

Сразу лайк!

Аналог Конвейера в ООП можно считать паттерн Строитель (Builder). Также похожий подход можно увидеть в функции createSelector, библиотеки Redux-toolkit.

Спасибо, что продолжаешь давать нам ценный контент!

Привет! Видео класс! Подскажи где ты рисуешь видеоряд? Слайды и т.д.

Лайк! 🎉

Карта развития или учебы для самостоятельного изучения есть у тебя?

Мозг взорван, но мне понравилось))) Продолжай сенсей

Блин, я искал буквально 3 дня назад видео по сравнению парадигм ООП и ФП, не нашел. И тут бабах! Очень кстати) Спасибо большое, Тимур!

Юлби, жги! Мы тебя любим 🫶🏼 каждый ролик долгожданный!

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

Как раз подумывал курс купить, как диплом допишу, но раз такая скидочка, то нельзя откладывать Ну и ролик топ, как обычно

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

Отличный ролик на самом деле. Я занимаюсь JS уже 3 года и в этом ролике я открыл для себя новые интересные применения функций. Они вроде бы и были логичными, но про них даже не думал

Для меня очень полезное видео, спасибо!

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

Просту гуру программирования ❤

Сразу лайк не глядя! ❤

Лайк префом. btw я scala разраб

Ребят, подскажите как вы находите работу онлайн на позиции стажера или младшего разработчика? На LinkedIn просят невозможного , ( 4+ года опыта в реакте и .т.п вещи ) может есть другие источники?

44:55 у меня вопрос, как типизировать такие каррированные функции? Тупо возвращать function и результат?

Лайкос тебе, дружище, за работу!

О, это для меня! Я, конечно, не программист, но иногда приходится писать код, причём в основном на Лиспе или VBA, где ООП не реализовано. И именно в Лиспе, функции - это основной и довольно мощный инструмент. Из-за специфики кода, при написании программы, сначала приходится прописывать все функции последовательно от самого высокого уровня вложенности до самого низкого.

Хороший видос, апдейт по монтажу хороший, спасибо

Про контейнеры на 48:00 я совсем не понял. Каким образом мы данные инкапсулировали, если они доступны через свойство инстанса?

это что хоть такое-то? я неделю всасывал урок по вебпаку и тут нннныа и еще один видос подъехал! мне хотя бы половинку такой продуктивности

Лайк и комментарий для продвижения автоматически, спасибо!

В какой программе презентацию делаешь?

А ты видел nodejs со встроенным gpt? Такой забавный Франкенштейн, но выглядит круто: переход к коду программы на человеческом языке!

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

просто шикарно!

В целом интересная теория, но со стороны большого опыта работы на Java с StreamApi, Function, Optional, Consumer и тп. в JS вся эта структура кажется сложнее, хотя плюс минус тоже самое. Для меня самое сложное было понять как работают кастомные хуки в реакте, как я понимаю это также все выходит из ФП, но так как в java нет прямой аналогии для меня это выглядело как магия

2:32 Я хоть и давно в вебе (3 года в js) но последние 5 пунктов вообще хз что это такое, как будто из ассемблера что то)) Хотя посмотрев ролик понимаешь что рано или поздно с опытом даже не зная этих заумных терминов сам приходишь к декларативности

На 50:45 разве g и f справа от знака равенства не перепутаны?

Феноменально! Как и всегда. Снимаю шляпу!

Лайк со старта)❤

а откуда взят материал? особенно определения функторов и прочих

37:38 здесь опечатка на слайде или я не уловил мысль?

Где то читал об ещё одно важное отличие процедуры от функции это то что процедуры могут изменять данные из глобальной области видимости, а в функциях такое обычно не приветствуется как раз из соображений чистоты функций.

Дай бог тебе здоровья мужик

Круто, спасибо за видео! 👍

Это ОЧЕНЬ классный ролик, спасибо огромное! действительно, ни где не встречала так четко структурированной информации.

Сразу лайк и коммент, огромное спасибо за видео😊

Спасибо за твои труды! Не мог бы ты сделать подобный ролик про паттерны проектирования?

очень интересно, спасибо!

Как всегда супер-годный контент!!!! Спасибо!

видео топ(пока не смотрел, но знаю это))

на 19.09 функция меняет переданный в нее массив. ???

Спасибо за ролик, как всегда, качественно и наглядно

Очень круто и информативно! Спасибо ♥️

Думаю поступить в институт на программиста,что скажите?

безусловно лайк!

Посмотрю потом, лайк поставил.

Может для фана, ролик по Backend серверу на Haskell? Отличное расширение кругозора! (я просто адепт Haskell)

Уникальный Ulbi, спасибо! Как всегда, очень крутой контент.

Благодарность за вашу работу) А бусти ваш еще жив?

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

Спасибо

Надеюсь Ангуляр выйдет хотя в текущем десятилетии 😂

а когда будет именно про React render , memoization под копотом ??? 🤔🤔🤔 тоест видос для lead )

like

вижу новый видос ставлю лайк

Огнище огненное!! супер контент! спасибо!

Хороший монтаж. Люблю твои видосы связанные с теорией, оч круто обьясняешь (любимый ролик про eventLoop ) но вот видосы где ты пишешь код и обьясняешь мне не подходят, вообще не понимаю твоей подачи((

Good mentor

благодарю ♡. топчик 😍

Отличное изложение. Только много опечаток. На 37:37 не выдержал.

Господи, это превосходно! Я столько знаний получил с этого, мега круто! Причем как знаний по ФП, так и много-много знаний по js и лучшему пониманию того что происходит. А ещё мемоизация это лучший пример замыкания🤩 Тимур, это превосходно, ваш курс стоит покупки более чем! 💯💯💯

Круто, спасибо за урок, чувствуется хорошая экспертиза!

Оч круто, спасибо! Благодарю

Спасибо огромнейшее за тонкость и глубину контента. Заставляет явно провернуться шестеренкам в голове 🤓 со шлейфом, что что-то понял )) Эстетично и со вкусом 🌹 считывается, что ты в теме не просто шаришь, знаешь концепции, но ещё и Чувствуешь 💛 гармонично ориентируешься, но и подставляешь себя под критику, чтобы динамически расширить познание и критического мышления, развить его живость, эластичность и остроту. Редкость. Ценно 🫶🏻

Хорош, братан, контент в кайф, давай еще, ваще красавчик, можно вот этого вот почаще?