Обложка канала

Archakov Blog. Страница 2

5185 @archakov_im
Открыть

Блог о программировании на ReactJS, NodeJS

  • Archakov Blog

    🔥 На канале доступно новое видео по топ 5 ошибок с хуком useState. Если такой контент вам зайдёт, то в планах рассказать и показать на реальных проектах ошибки с хуками useMemo + React.memo /useCallback, которые допускали не только джуны, но и мидлы/синьоры. https://youtube.com/watch?v=fKZoF-cqino?1
    Не делай такое с useState! Топ 5 ошибок junior React-разработчика

    Часто начинающие React-разработчики используют хук или неправильно или не по назначению. В этом видео мы попытаемся разобраться с самыми популярными ошибками/багами с использованием useState и научимся их исправлять. ⏰ Таймкоды: 00:00:00 Введение 00:58:00 useState + setInterval/setTimeout 04:48:00 Работа со старым стейтом 08:08:00 Обращение к undefined внутри стейта 14:25:00 Не надо хранить в useState все данные 16:44:00 Неправильное изменение стейта (мутация) 🔗 Следите за обновлениями и информацией в: — Telegram-канале: https://t.me/archakov_im — VK: https://vk.com/archakov_im — Личном блоге: https://archakov.im — GitHub: https://github.com/Archakov06 — Моё резюме: https://career.habr.com/archakovim #react #usestate #state #reactstate #стейт #setstate #junior #реакт #разработка

    YouTube

  • Archakov Blog

    Карл, го пообщаемся на #ВечернемСтриме? 👀 Хочется узнать как твои, да и самому есть много чего рассказать интересного. Предлагаю 🔴 СЕГОДНЯ в 20:00 (МСК). 📝 Примерные темы у меня: - Почему ReactJS делает так больно? - Почему Vue и SolidJS лучше React? Может пора менять фреймворк? - Что я изучил к концу 2022 - Почему меня не берут на работу? - Как быть начинающему программисту в РФ и что делать в этих реалиях? - Как джуну раскачаться на пет-проектах? ℹ️ Если есть интересующие тебя темы для обсуждения, пиши в комментах или в чате на самой трансляции. Постараемся их тоже обсудить сегодня. https://youtu.be/eiAToLpntoU
    #ВечернийСтрим / Что с IT-рынком? / React умирает, пора на Vue? / Вопросы-Ответы и многое другое...

    ❤️ Ссылка для донатов: — Донаты: https://www.donationalerts.com/r/archakov_blog — Patreon: https://www.patreon.com/archakovblog Запускаю новую рубрику "#ВечернийСтрим". Где я буду рассказывать про новости моего канала или что-то из IT. 🔗 Следите за обновлениями и информацией в: — Telegram-канале: https://t.me/archakov_im — VK: https://vk.com/archakov_im — Личном блоге: https://archakov.im — GitHub: https://github.com/Archakov06 — Моё резюме: https://career.habr.com/archakovim

    YouTube

  • Archakov Blog

    Пока жадный автор зарабатывает на кровных деньгах подписчиков из бусти (за что вам отдельное спасибо 🖤). 🔥 Доступно ВТОРОЕ новое видео БЕСПЛАТНО И БЕЗ СМС! Про React Intersection Observer и lazy-load (ленивая подгрузка картинок) 🤔 О чем видео? Представьте, что вам нужно определить, что какой-то конкретный элемент виден на 10% или 100% и сделать какое-то действие? Например, анимировать элемент. Нужно определить, что пользователь дошел до конечного скролла? Юзай Intersection Observer. Нужно сделать ленивую подгрузку картинок? Тоже юзай это решение. В Эльдорадо необходимо было динамически подгружать отдельные компоненты, когда на экране отобразился какой-нибудь элемент или отправлять отчет в аналитику о том, что пользователь увидел баннер и там мы юзали именно эту библиотеку. Пока ещё не оформил видос для ютуба, жду вашей оценки.
    React Intersection Observer (lazy-load картинок)

    YouTube

  • Реклама

  • Archakov Blog

    Ya zapisivat noviy rolek yutub kanal, zavtra. Spasiba za vnimane.

  • Archakov Blog

    Нашёл где-то месяц назад книгу от Саши Беспоясова — "Рефакторинг на максималках (Refactoring like a superhero)" и это однозначно очень крутой материал для JS/React-разработчиков (и не только) 🔥 Пока прочёл примерно 40% и могу сказать, что суперский материал, который читаю до сих пор с удовольствием 👍 👀 Для кого данная книга? По моему мнению, книга идеально подойдёт для разработчиков с коммерческим опытом от 1 > года работы с JS/ReactJS. Если вы только знакомитесь с ReactJS и имеете небольшой опыт в JavaScript, то предполагаю, что многое будет сложно для понимания. Тем не менее, я советую прочитать хотя бы 1-2 главы, которые я указал в конце записи. Многие примеры написаны на TypeScript, какая-то часть продемонстрирована на примере React-компонентов (что очень круто). Однако, это не будет сильно затруднять понимание самого материала, даже если вы не работали с TS/ReactJS. 📖 С какой главы начинать? В идеале, конечно же, начинать чтение с самого начала. Особенно для тех, кто уже работает в команде над коммерческим проектом. Материал доступен в двух вариантах: - Сайт в виде документации - Репозиторий с документацией Если же будет сложно и скучно, то советую посмотреть для начала эти разделы: - Имена - Дублирование кода - Функциональный пайплайн P.S.: В последнюю главу я даже внёс небольшие правки по React'y 👀
    Рефакторинг на максималках

    Книга о том, как эффективно и без боли рефакторить код.

    refactor-like-a-superhero.vercel.app

  • Archakov Blog

    Решая сегодня рабочую таску, я зачем-то задался для себя вопросом: "Чтобы я мог для себя посоветовать 7-8 лет назад, как специалисту?" 🤔 Проработав в разных российский и заграничных, малых и крупных компаниях, от джуна до синьора/тимлида, решил поделиться несколькими советами из моего личного и где-то даже горького опыта. Возможно, что-то из списка ниже вам в будущем будет полезно, а что-то окажется вполне очевидным 🤷‍♂️ Итого получилось 9 пунктов. 0️⃣ Не делай больше, чем от тебя требуют в компании. Тебя за это никто не похвалит. 1️⃣ Никому не интересен твой карьерный рост. Особенно тем, кто больше всего тебе его обещает. 2️⃣ Всем плевать, какой крутой функционал ты разработал или как много работы ты смог сделать, особенно на выходных. Ну молодец и что дальше? 3️⃣ Компания не разделяет нас на "личность" и "простой работник". Ты очередная рабочая единица, которая сегодня есть, завтра не будет. 4️⃣ Никто не хочет повышения твоей ЗП. Моя зарплата стала расти только лишь переходом в другие компании. 5️⃣ Ты не станешь специалистом лучше, если не начнёшь менять место работы. 6️⃣ Не стесняйся запрашивать ЗП выше своей в 1.5-3 раза больше. В начале своей карьеры я получал 60к и запрашивал в новых местах только на 10-30к больше, думая, что мне пока рано получать ЗП выше. Сейчас я понимаю, что хорошая ЗП бустит тебя как специалиста. 7️⃣ Не бойся увольняться, когда есть оффер лучше. Ты не виноват, что ты хочешь расти, а нынешняя компания не может предоставить тебе тех же условий. 8️⃣ Найти тебе замену, вопрос нескольких дней. Чтобы вы посоветовали бы себе на ранних этапах обучения? 👀

  • Archakov Blog

    Как и обещал, постепенно начну закидывать сюда контента. Хотел сначала сделать заметку в телеге, но как-то так вышло, что я написал целую статью с сравнением ReactJS и SolidJS 🧐 Заодно похвастаюсь тем, что перенес свой блог на Next 13 (хоть и не до конца допилил) + перевёл все статьи в статику, отказавшись от хранения их на бэкенда. Теперь статьи открываются моментально. Позже, мб, расскажу, какие технологии использовал для блога и почему он сейчас грузится намного быстрей. Кстати, постер к этой статье сгенерирован с помощью @vercel/og archakov.im/post/pe…-solidjs
    Первые впечатления от SolidJS

    В последнее время начал рассматривать замену ReactJS’y на что-то менее костыльное и более очевидное (скоро объясню почему я его таким считаю).

    Archakov Blog

  • Archakov Blog

    Карл, я пока ещё жыв, всё гуд 🌝 Надеюсь, ты тоже ок. Насчёт канала, то его не собираюсь забрасывать, даже если будет хоть 100 просмотров на видосах. Просто взял временно паузу. Надеюсь, что уже скоро буду пилить новый контент. Так как есть очень много чего интересного рассказать. Если коротко, то: - Недавно начал изучать SolidJS, переписываю на нём один свой пет-проект. - Начал уже тестить NextJS 13 - Решил перейти на Vite, вместо CRA для новых проектов. - Разрабатывал антиспам-бота для TG и забросил его (классика). В общем, есть много чего рассказать и показать. Пока попробую делиться заметками, чтобы так часто не пропадать ✍️

  • Archakov Blog

    Прекратите использовать везде useCallback и useMemo В последнее время замечаю в разных проектах, как джуны, мидлы и даже синьоры используют хуки useCallback и useMemo просто ради того, чтобы показать, что они их используют. Ведь это же круто, еее, мемоизейшн-оптимизейшн 😎 Особенно, убивают ответы, типа: "Ну, это нужно для оптимизации ререндера" (без React.memo) или "Так реакт-приложение будет работать быстрей" 👏 ⛔️ Не надо заниматься преждевременной оптимизацией, оборачивать всё подряд с помощью React.memo, useCallback'ом, бороться с перерисовками компонентов, когда у вас и так все работает прекрасно. Вопрос оптимизации и более "быстрой работы" должен решаться ТОЛЬКО лишь в том случае, когда в этом есть явная необходимость, вы провели проверку и убедились в том, что ваше приложение реально тормозит. React и без ваших "улучшений" прекрасно оптимизирован и хорошо справляется с лишними перерисовками. Постараюсь как-нибудь запись отдельное видео или статью с некоторыми примерами. К сожалению, одной записью сложно передать всю боль. Пока эмоции свежие, решил написать данный пост + будет заметкой для будущего контента.

  • Archakov Blog

    На канале вышел новый ролик по разработке 6 проектов на ReactJS для начинающих 🔥 https://youtu.be/eS0GL73tkmw Если данный формат вам зайдёт и наберёт хотя бы 300 лайков, записываю новое видео с 10-15 проектами на ReactJS 👀 Ну а пока готовлю новый курс по разработке админки на Firebase или RESTAPI. 💡 GitHub-репозитарий: github.com/Archako…projects ❓Кстати, Карл, накидай идей, какой бы туториал ты бы хотели видеть на канале?
    Разработай 6 проектов на ReactJS (для начинающих)

    В этом видео я тебе покажу как разработать 6 разных ReactJS проектов уровня Junior. Данное видео подойдёт для тех, кто только недавно познакомился с ReactJS и хочет добавить к себе в портфолио проекты. 📚 GitHub-репо: https://t.me/archakov_im/529 🔗 Следите за обновлениями и информацией в: — Telegram-канале: https://t.me/archakov_im — VK: https://vk.com/archakov_im — Личном блоге: https://archakov.im — GitHub: https://github.com/Archakov06 — Моё резюме: https://career.habr.com/archakovim ⏰ Таймкоды: 00:00:00 Введение 00:00:56 Подготовка перед разработкой 00:04:09 Счётчик 00:10:13 Модальное окно 00:22:35 Quiz (опросник) 00:37:22 Список пользователей 01:07:36 Конвертер валют 01:34:18 Коллекция фотографий #react #javascript #reactproject #quiz #modal #users #jsphotos #counter

    YouTube

  • Archakov Blog

    Ходят слухи, что Тарантино экранизирует эту печальную историю. Вырезка из вчерашнего стрима.

  • Archakov Blog

    Боль - это когда фановый стрим без подготовки набрал за полдня больше просмотров, чем туториал по React Native за 5 дней, на который придумывал сценарий, записывал целую неделю и 2 дня монтировал видос. огромное спасеба етуб 👍

  • Archakov Blog

    Карл, у меня тут идея возникла. Го запилим игру на подобие Gartic Show? 👀 Заодно порассуждаем, как её сделать. Кто не знает, это в последнее время популярная игра у стримеров, типы игры "Крокодил" (не наркотик). ℹ️ Это не подготовленный туториал, просто для фана запилим такую игру, поймём вместе, как такое реализовать. Формат стримов-туториалов (типа реакт сникерса), пока не буду делать, только структурированные туториалы, например, как последние два видоса. ⚙️ Стэк будет простой: - NextJS (без TS) - NestJS или Express + MongoDB - Vanilla Extract (вместо SCSS) - Socket.io (чат + комнаты) - Canvas (для рисования) ⏰ Сегодня, в 20:00 (МСК) 🔴 Ссылка на трансляцию: https://youtu.be/vu13C_RjEBk P.S.: После завершения трансляции, видео будет доступно только по ссылке. На канале само видео скрою.
    Создаем клон Gartic Show на NextJS + NestJS

    ❤️ Поддержка: — Донаты: https://www.donationalerts.com/r/archakov_blog — Patreon: https://www.patreon.com/archakovblog Frontend: - NextJS / React - Vanilla Extract - SCSS / CSS-modules - Socket.io Backend: - NestJS - TypeScript - PostgreSQL - Socket.io Тут есть информация о моей теме в VS Code, плагинах и т.д.: https://www.notion.so/VSCode-c64b944fb45d49789e89415e8381b1dd 🔗 Следите за обновлениями и информацией в: — Telegram-канале: https://t.me/archakov_im — VK: https://vk.com/archakov_im — Личном блоге: https://archakov.im — GitHub: https://github.com/Archakov06 — Моё резюме: https://career.habr.com/archakovim

    YouTube

  • Archakov Blog

    Опубликовал курс по разработке мобильного приложения на React Native для junior-разработчиков 🔥 В данном курсе ты научишься создавать реальное мобильное приложение с помощью React Native + Expo (JavaScript + ReactJS) 💪 Курс идеально подойдёт для фронтенд-разработчиков, которые уже знакомы с ReactJS (более подробней в описании к ролику). 🔗 Ссылка на исходник: github.com/Archako…t-native https://youtu.be/K-aD8ClG1FQ
    React Native для начинающих [2022] за 2 часа!

    YouTube

  • Archakov Blog

    Последнее время активно прохожу собеседования и скинули недавно тестовое задание на Senior React Developer. Буду выполнять минут через 30. Кому интересно, подключайтесь. Ссылка к закрытым трансляциям, только в бусти. P.S.: Это уже другая компания

  • Реклама

  • Archakov Blog

    Кто уже посмотрел курс по React Native? Были ли у вас проблемы с запуском приложения через Expo Go на моб. устройстве по данному туториалу? Пока не решаюсь выкладывать видео в ютуб, так как заметил два комментария от подписчиков, что Expo Go тупит и не отображает приложения. Нужно понять, это массовая проблема или единичные случаи. Хотя у меня на 3 устройствах все работает отлично 👀

  • Archakov Blog

    Я тут неожиданно вспомнил, что должен выполнить тестовое задание в одну компанию (так как ищу работу). Если кому интересно, буду через 20 минут его разрабатывать. На разработку дается только 4 часа. Доступ к трансляции закрытый, только для подписчиков Boosty. Люди давно подписались, но контента так и не получали по закрытым трансляциям (хотя и не жаловались) 👀 За что вам огромный респект и что помогаете донатами 💪 Аудитория просто топ рэбята! 🔗 Ссылка: boosty.to/archako…7f029c02

  • Archakov Blog

    Короч, есть две инфы. По крайней мере, с первой я кайфую больше всего, хотя и вторая тоже вроде норм 👀 1️⃣ Я НАКОНЕЦ-ТО завершил монтаж полноценного курса по React Native для начинающих 🔥 Пока публикую в бусти, позже будет на основном канале (кстати, на бусти уже давно залит курс). 2️⃣ Сегодня, где-то вечером, проведём разговорный #ВечернийСтрим. Расскажу про то, какие курсы я сейчас уже пилю после React Native, обсудим как дела по работе у вас и у меня, как вообще джуну ищется работа, про флаттер и реакт нейтив, почему я стал моб. разработчиком на Flutter и много чего другого. Скоро скину ссылки на бусти и трансляцию ⏰