Евгений Паромов

Решаем все проблемы React context с помощью хука useSyncExternalStoreWithSelector https://www.youtube.com/watch?v=LttR-rP7N10 Видос очень забавный получился, за 2 часа пока его готовил, по факту разработал неплохой такой стейт менеджер. Последняя версия с множественным контекстами, выглядит очень многообещающе. Так что, как разберусь со всеми делами, я обязательно это оформлю в npm пакет и сделаю пару докладов. Ну очень, блин, я люблю контекст, а если ещё все его проблемы решить, вообще пушка будет Нужно только как продвигать это придумать А мы можете посмотреть тут, зачем вообще нужен хук useSyncExternalStore

Как я стал программистом за 3 месяца https://www.youtube.com/watch?v=ROG8Jod0F20 5 Советов, как проходить собеседования с первого раза! https://www.youtube.com/watch?v=lr75hf1-h6g Столкнулся с мега стрессом из-за проекта, который я оценивал в три месяца, а делать приходится за один. Силы и время резко закончились. Поэтому решил следовать совету @sub4ivan и сделать пару простых видео о жизни и прохождении собеседований. Второй ролик, по-моему, получился супер полезным. Пятый совет — это моя любовь. Когда я работал лидером направления в небольшой компании outstaff, я помогал ребятам проходить собеседования с клиентами. Иногда одного этого совета бывало достаточно, чтобы усилить все ответы и значительно увеличить процент прохождения собеседований. Так что забирайте на заметку!

Разрабатываем IDP сервис (часть 1) | Next 13.4, Prisma, Postgresql https://www.youtube.com/watch?v=6qOSKdy2a1Q Размышление об Архитектуре Next.js 13.4 | Разрабатываем IDP сервис (часть 2) https://www.youtube.com/watch?v=XP-esQ2vpjU Перед прошлыми выходными я выпустил два ролика, в которых шли эксперименты с Next 13.4, и резко забил на создание курса. На то были свои причины. Конкретно, на этой неделе у меня начался новый сложный проект, который я буду разрабатывать на Next 13.4. Это была своего рода подготовка. И у меня есть для вас две новости: Хорошая: После завершения этого проекта я смогу более компетентно говорить о последней версии Next.js. Плохая: Пока я прекращаю работу над этой серией видео, так как их подготовка требует невероятно много времени. В общем, я не отказываюсь от Next, просто набираюсь продакшн опыта

Ребят! Всем огромное спасибо за ответы. Посмотрел, что вы пишете, и решил всё дальше выкладывать, просто некоторые серии видео группировать

Всем привет! Начал тут последнее время думать по формату этого канала Я его забрасывал на некоторое время из-за определённых сложностей, но сейчас собираюсь вновь его активно начать вести Вопрос к вам есть: Стоит ли продолжать сюда выкладывать все видосы с youtube канала (может выкладывать только по React курсу? Или только то, что хочу дополнительно тут обсудить, и не всё сказал на youtube?) Понятно, что сейчас тут нет почти ничего кроме этих видосов, но это временный момент)

#КурсReactJS #39 https://youtu.be/PF0TpJOhhB0 Ох, как давно это было... В общем, выкладываю постики про видосы, которые вышли за это время В этом видео разбирается чуть ли не самый важный, подкапотный React механизм, который нужно и важно понимать всем. Почему? Ну, если у вас резко начали моргать картинки, всё лагает, или происходит непредвиденный сброс/несброс состояния/фокуса, то скорее всего вы не учли особенности механизма Reconsilation

#КурсReactJS #38 https://www.youtube.com/watch?v=glpDM80OiE4 Продолжаем погружаться в оптимизации React. В этом видео разберём React.memo useCallback и почему это всё работает только при совместном использовании)

Побочный эффект использования ChatGPT. Я узнал про удобную функцию для сравнения строк, которая ещё и локаль учитывает А вы знали о такой?

Хех, я тоже поддался тренду. Дабы ускорить разработку видосов, использую ChatGPT для написания примеров) Работает хорошо, но иногда ахинею выдаёт. Так что, если не разбираться в вопросе, просто скопипастить не получится. Но если использовать как мартышку со знаниями всех языков программирования, то сойдёт)

Ребят! Я сам и не заметил, как середина челленджа уже прошла. 47 из 90 видосов выпущено 🔥 Но если честно, я пишу вам пожаловаться... Вы просто не представляете, как это сложно! Уже более полутора месяцев, я трачу по 3-5 часов на видео КАЖДЫЙ ДЕНЬ. И это не 5 минутные болтушки. Это в среднем 30 минутные видео, полные глубокой информации, приправленной примерами и схемами в miro Это не моя основная деятельность. Есть работа, жена, ребёнок. Нужно спать ещё когда-то (Но сон – это первое, чем я жертвую) И я думал, что через 30 видео мне станет проще... Не стало. И после 45 не стало... Технически процесс становится проще, но мотивация потихонечку размывается. Особенно сложно продолжать, когда после хорошего видоса идёт плохой и хочется всё бросить и плакать в подушку. Но у меня нет права повернуть или сдаться. Я прошёл уже половину пути, который в начале казалось невозможно пройти. Вообще, я хочу научиться жить в таком режиме. Я хочу сделать такую жизнь нормой. Ведь мои цели не предполагают другого! Кстати, думаю пора вам рассказать и себе заодно напомнить, какая настоящая цель этого челленджа. Обещаю это сделать на днях)

ОН ВЕЗДЕ! Полиморфизм в Typescript https://www.youtube.com/watch?v=9EfWJgHjc5Q Ещё видос из серии Архитектурных. Тема на самом деле очень важная и недооценённая. Полиморфизм – это база того, как строить гибкие и расширяемые приложения. Вы можете делать это неосознанно, но лучше знать, как это называется 😁

#КурсReactJS #37 https://www.youtube.com/watch?v=Oee5P-dytxo Видео с введением в оптимизации получилось достаточно сумбурным и поверхностным, но это норма для видео-знакомства) В этом видео уже начнём подробно и по порядку разбирать все нюансы оптимизации перерисовок в React Особенно уделите внимание мемоизации jsx с помощью useMemo. Это очень мощная возможность, о которой мало кто знает 👍

#КурсReactJS #36 https://www.youtube.com/watch?v=O6rtFhbiFwA В этом видео изучим useRef и самые распространённые примеры использования на практике. Очень долго искал подходящий момент в приложении, чтобы показать использование useRef в работе, но понял, что уже тянуть дальше нельзя. В общем, ловите теорию с примерами. Последний получился достаточно сложным, но очень важным для понимания всего React

Что такое ИНКАПСУЛЯЦИЯ и как она реализована в React https://www.youtube.com/watch?v=qQ0P52wc27U Решил сделать серию видео по архитектуре и качеству кода параллельно с курсом. Делать курс немного перегорел, и разбавляю его более актуальными и интересными для меня видосами В этом разберём инкапсуляцию, и как она реализуется в React. (Спойлер: Отлично)

#КурсReactJS #35 https://www.youtube.com/watch?v=Irs0XVB00xs Вы просили, вы ждали, а я тянул, как мог. Видео про оптимизации в React. useMemo, useCallback, React.memo Тема очень опасная, на самом деле. Видел много проектов, код которых погубили фразы "А давайте все компоненты в React.memo обернём". Так что помните об этом, и не делайте преждевременных оптимизаций. В этом видео мы только познакомимся на практике с инструментами оптимизации. Так что, если покажется, что быстро и непонятно, не переживайте. Будет ещё одно видео, где мы все это разбёрем ещё раз, глубже и подробнее

#КурсReactJS #34 https://www.youtube.com/watch?v=wA6Kx0QR74s Наконец, заканчиваем рефакторинг) В этом видео сделаем декларативный таймер с использованием хука useNow. В видео я это забыл подсветить, но очень заметны результаты нашего рефакторинга. 1. Нет пропс дриллинга, все пропсы передаются точно в тот компонент, в котором они нужны 2. Отображение чётко отделено, и совершенно не мешает разрабатывать бизнес логику, и наоборот 3. Из-за удачной структуры состояния получилось добавить функциональность таймера, без изменений в старой функциональности Вообще, все изменения в видео произошли легко и просто. И кажется, что это само собой разумеющееся. Но просто попробуйте на досуге реализовать такой же таймер, в версии приложения до рефакторинга

Сегодня мне по работе дали задачку на проекте с Redux. И пока я эту задачку делал, во мне просто воспылали, уже спящие тихим сном, эмоции ненависти к Redux. И вообще, сегодня я хотел сделать видос по курсу. Но просто не мог не осветить тему категорической устарелости Redux, относительно всей остальной react экосистемы. Я его уже очень давно не использую для своих проектов и никому не советую. Почему? Я подробно в видео рассказал. Но самое интересное, почему он стал настолько популярен? И даже де-факто стандартом для работы с React? Мне кажется, всё дело в лени. Как я сказал в видео, Redux – это глобальная переменная. А глобальная переменная это просто) При этом Redux создаёт "видимость архитектуры". Редьюссеры, экшоны, чистые функции, селекторы. Как будто всё серьёзно и за нас всё продумали. Но это только видимость. Так как Redux не решает самой главной проблемы. Как ограничить бесконтрольный доступ к состоянию. Да, когда всё в одном состоянии, это удобно. Но категорически плохо с точки зрения архитектуры И вот, весь свой опыт разработки я видел проекты на Redux. Писал проекты на Redux. И это было категорически переусложнено. И только когда я попробовал альтернативный подход с использованием react-query, я понял, насколько был непродуктивен. В общем. Я обязательно сделаю серию видео о том как правильно работать с Redux. Это будет больно и сложно. Но если хотите не получить неподдерживаемое месиво через пол года, вам придётся тщательно его изучить.

МЕНЯ БОМБИТ + 3 причины, почему Redux не актуален в 2023 https://www.youtube.com/watch?v=CUPMmTc1FYc Сколько этот Redux причинил мне боли за весь опыт разработки🤬 Поэтому видос очень эмоциональный А если серьёзно, в начале видео я побомблю на Redux. А потом по полочкам разложу, почему Redux – это не актуальное решение и какие есть альтернативы C чего я вдруг решил записать такое эмоциональное видео, распишу ниже в посте

#КурсReactJS #33 https://www.youtube.com/watch?v=yrxDNLPovQw Начинаем рефакторинг работы с состоянием. Познакомимся с хуком useReducer и сравним его с useState Вообще я использую хук useReducer очень редко. Так как очень редко идёт работа с такими сложными состояниями, как тут. Но любому React разработчику важно иметь представление о хуке useReducer и уметь его применять в случаях, когда он хорошо подходит (Сложные дружные состояния, которые имеют не тривиальные способы изменения)

#КурсReactJS #32 https://www.youtube.com/watch?v=te_pR5393Uo В этом видео завершим рефакторинг компонентов отображения и проанализируем получившийся результат