Archakov Blog
5185
@archakov_im
Блог о программировании на ReactJS, NodeJS
-
Archakov Blog
Забыл на трансляции объявить победителей по конкурсу, пока отвечал на ваши вопросы. В последнее время что-то загружен сильно, удалось только сейчас записать это видео, в котором объявляю 4 победителей, вместо обещанных 3. Список победителей можно посмотреть в конце видео. Спасибо всем за крутые идеи 🔥 Какие-то уже реализовал, какие-то буду реализовывать постепенно. -
Archakov Blog
youtube.com/live/K_…RWqptGic 🏓 Трансляция начинается через час, в 19:00 (МСК). Выше есть инфа, что будем обсуждать. (эфир будет сохранен на 3 дня) -
Archakov Blog
Итак! Я до сих пор ещё жыв и наконец-то возвращаюсь сюда с неплохими новостями. 1. Сегодня в 19:00 (МСК) 🏓 будет #ВечернийСтрим где пообщаемся после длительной паузы на разные темы: — шо там по новым трендам во фронтенде/бэкенде — выберем победителя из последнего конкурса 💰 — узнаем как дела сегодня по поиску работы (спойлер: все печально) — поюзаем подписку ChatGPT 4, которую купил недавно и скоро лишит меня работы 💙 Если есть идеи на обсуждение, предлагайте их в комментах. 2. НАКОНЕЦ-ТО я допилил большую часть функционала своего нового проекта, который заменит mockapi в моих уроках и покажу его сегодня на трансляции. Проект сделан с душой и с огромным кайфом 🥇 . Также учитывал всю вашу боль в комментах, реализовал фичи, которые вы просили и сделал даже больше. Кстати, проект уже запущен в бета-тестирование и ссылку можно найти на бусти. До тех пор, пока проект в бете, доступ к регистрации будет только у первых 50 пользователей. 
-
Реклама
-
Archakov Blog
Давно так не кайфовал от разработки пет-проекта, как от этого. Я пока забил на ютуб, ибо всё свободное время трачу на этот сервис. Мотвация — запилить новый курс на VueJS или ReactJS (пока ещё думаю юзать вью или нет) с использованием уже моего сервиса, а не MockAPI На следующей неделе планирую провести разговорный стрим на разные темы, давно мы не общались + покажу на трансляции этот проект и какие крутые фичи я реализовал 🤨 Вот несколько фич, которые уже реализованы: - Авторизация / Регистрация: в каждом проекте по желанию можно подключить авторизацию и регистрацию пользователей. Будет также отдельный ресурс, где будут храниться ваши пользователи. - 🔐 Защита ресурсов : можно выборочно защитить авторизацией определённые ресурсы, а какие-то оставить доступными без авторизации (просто кликнув на замочек) - 💾 Загрузка файлов : если включить эту опцию, то в твоём проекте появляется дополнительный ресурс "uploads" где будут храниться все загруженные файлы для конкретного проекта. - 📝 Удобный редактор данных: учитывая ваши замечания в комментариях, я подключил редактор Monaco Editor (урезанная версия редактора из VS Code) и Prettier для удобного форматирования данных. Также можно открыть файл и все данные сразу вставятся в редактор. Это сервис будет намного круче чем обосанный MockAPI, который заблочил мои проекты и требующий денежку за каждый чих 💸 P.S.: Про призы за ваши идеи я не забыл. Идеи оказались реально крутые, некоторые из них уже реализованы в этом проекте, за что вам ОГРОМНОЕ СПАСЕБО 🤗 На трансляции выберу победителей и скину денежку 5 лучшим ранее присланным идеям, вместо 3. 
-
Archakov Blog
Залил на YouTube полный курс разработки облачного хранилища на NextJS и NestJS ▶️ https://www.youtube.com/watch?v=_oR1p79t6gw Повторюсь, что формат экспериментальный и в отличие от предыдущих курсов, тут объясняю всё более сжато. Подробней тут. Курс подойдёт для уровня Middle / Senior-разработчиков. Как вам новый формат? Хотели бы ещё подобные курсы (в сжатом режиме)? И про что именно? 
-
Archakov Blog
Опубликую видео через 10 минут 🔥 ⚙️ Пока держите исходники: Фронтенд: github.com/Archako…e-client Бэкенд: github.com/Archako…-backend -
Archakov Blog
В последнее время вижу жалобы в комментах ютуба на MockAPI из-за разных ограничений. Особенно печально смотреть на 5$ за 20 проектов. Давно уже задумывался о том, чтобы сделать свой "мокапи", бесплатный, с более полезным функционалом и без таких строгих ограничений на проекты. На скриншоте черновой вариант дизайна, который я накинул за час-полтора. Возможно, проект будет выглядеть по другому. Но для начала мне нужно понять, какой функционал не хватает вам в MockAPI или в подобных проектах? Или придумайте свои идеи. За самые 3 интересные идеи ПРИЗ (Math.random() * 1000) рублей на счёт И стоит ли вообще такой проект делать? 🤔 
-
Archakov Blog
Залил на Boosty курс, можно уже смотреть там. В конце недели залью бесплатно на ютуб 🔥 boosty.to/archako…2070e01e Курс предназначен для уровня Middle / Senior-разработчиков. В видео объясняю почему именно для этого уровня. Если ты начинающий и хочешь сделать фуллстэк-проект, то многое будет сложно понять из этого курса (хотя можно и чекнуть, вдруг понятно будет). Но для начала советую смотреть этот. 🔥 В проекте будет: - Авторизация / Регистрация - Проверка авторизации на NextJS - Профиль - Загрузка файлов, удаление файлов, вывод всех файлов - Навигация: Файлы, Фотографии, Корзина. - Создание своих декораторов в NestJS - Документация серверной части с помощью Swagger - Работа с базой данных PostgreSQL + TypeORM - Аккуратная и грамотная архитектурная и структурная часть фронтенда и бэкенда ⚙️ Стэк следующий: Frontend: - NextJS 13 - TypeScript - SCSS - Ant Design - Nookies - Axios Backend: - NestJS - TypeScript - TypeORM + PostgreSQL - Swagger - Multer - PassportJS + JWT 
-
Archakov Blog
НАКОНЕЦ-ТО БЕСПЛАТНЫЙ fullstack-курс NestJS + NextJS завершён! Это самый затяжной курс, который я когда-либо записывал 🫠 Несколько раз простудился, выгорал, ленился делать монтаж, CS:GO + Apex и куча других причин не давали завершить этот курс. На этот раз я уже заколебался с этим курсом и решил добить его до конца. Записывал с 8 января (4 месяца). Так что, местами наслаждайтесь простуженным голосом 👀 Сначала залью на бусти (уже сегодня) и позже на ютуб. 
-
Archakov Blog
Я тут задумался над одним комментарием из предыдущей записи и реально стало интересно, как работает этот плагин. Решил через анализатор HTTP-запросов отследить, куда шлёт запросы WebStorm, когда я им пользуюсь. И заметил, что плагин отправляет на свой сервер server.codeium.com любой открываемый файл в WebStorm. Более того, информация о вашей винде, о редакторе, IP, сколько ОЗУ и т.п. тоже отправляется. Конечно, это было очевидно, но всё же, хотел в этом убедиться сам и предупредить вас об этом 🧐 Если вы разрабатываете какой-то NDA-продукт с уникальными решениями, то лучше отключить подобные плагины. Вполне возможно, что ваше уникальное решение окажется в каком-нибудь пет-проекте для магазина кроссовок или пицц 👀 
-
Archakov Blog
Нашёл очень крутой плагин Codeium 🔥 для генерации кода в WebStorm, VS Code и т.п. Это, конечно, не Copilot и не Tabnine, но работает довольно неплохо и самое главное — БЕСПЛАТНЫЙ. Достаточно лишь написать первые несколько букв или слово и дальше плагин предлагает свои варианты и нажимаем Tab. На видео я записал, как генерируется код функции поиска опции по ID. Можно также выбирать разные варианты с помощьюAlt + [ -
Archakov Blog
В общем, записываю новый фуллстак курс на NextJS + NestJS 👀 В видео проект выглядит не очень сложным, но поверьте мне, я заставлю вас страдать. Пока готова бэкенд часть на NestJS и её суперски получилось объяснить. Фронтенд записал тоже, осталось сделать монтаж. Если Adobe Premiere опять не решит стереть мой проект из-за чего я забрасывал этот курс, то в 20-ых числах можно ожидать уже на ютубе. Параллельно я готовлю ещё 2 новых видосах, пока в черновом варианте. Чуть позже опишу что за новые видосы и заодно узнаю ваше мнение. Нужно ли их пилить или нет. -
Archakov Blog
Нашёл простую в применении библиотеку для анимаций списков - auto-animate Сейчас записываю новое видео (нет, это не про тудушку) и возникла идея анимировать сам список задач. Заюзал эту библиотеку и всё заработало идеально 🔥 Применить очень просто: 1. npm install @formkit/auto-animate2. Внутри компонентаconst [parent] = useAutoAnimate()3. Прикрепляем к самому спискуref={parent}Например вот так:<ul ref={parent}> {items.map(...)} </ul>4. Готово! Но есть маленький минус (субъективный). К бандлу прибавляется +13 кб. Если для вас это не критично, то смело можно юзать. -
Archakov Blog
Новый видос уже на Boosty (позже залью на канал) Излил там всю боль и показал на реальных примерах из предыдущих работ и нынешней, как неправильно юзают хук useMemo Я заметил, что даже синьоры применяют этот хук без явной необходимости. Как вы считаете, когда стоит и не стоит применять useMemo, ну и useCallback? 
-
Archakov Blog
Касательно этого ролика и ответ на вопрос "где ты был?" Видос БЫЛ БЫ опубликован ещё недели две-три назад, если бы не несколько "но". Впервые в жизни, каждый день, на монтаж и запись этого видео я тратил по 3-4 часа после работы и так около 10 дней. В один прекрасный день, открыв проект в Adobe Premier я увидел, что 5 дней моей жызне записи видео просто исчезли 👍 Потом я успел два раза простудиться. Во второй раз так, что долгое время были проблемы с голосом. Да и куча других проблем и забот возникло, из-за чего вообще пропало желание не только записывать видео, а вообще программировать. В итоге решили взяться отпуск по работе. Сейчас уже появилось желание делать новый контент. Но вот работать после отпуска оказалось больно 🫠 Единственное, спасает немного ChatGPT и выполняет пока 30-50% моей работы 
-
Реклама
-
Archakov Blog
Я не умер и более того, выпустил новый ролик 👀 https://www.youtube.com/watch?v=4-SOv7eTfoQ Хочу в таком формате записать ещё парочку видосов. Есть идеи по какой библиотеке? А вот по предыдущему посту скоро объясню почему ролик не выходит. Там прям боль 🥲 
-
Archakov Blog
Я щас МОНТАЖИРУЮ данный курс, а именно часть по бэкенду и в новом для себя формате. Сначала я записал экран и на него отдельно накладываю сейчас голос, из-за чего удалось сократить 3 часовое видео до 35 минут 🔥 Туториал в быстром формате и без лишних деталей и повторюсь ещё раз, что он предназначен для уровня Middle > Сейчас мне очень важно узнать ваше мнение по этому формату 🤔 Ибо на монтаж у меня уйдёт целый день и мне надо знать, стоит ли дальше монтировать видео в таком формате или нет. Прикрепляю 2 минутное видео, чтобы было понятно что я для вас пилю. -
Archakov Blog
Я сейчас готовлю новый курс для уровня Middle / Senior по разработке Fullstack-проекта по типу аналога Яндекс.Диска на NextJS + NestJS Через дней 10, думаю, будет уже доступен на канале. Для нетерпеливых и тех, кто подписан на бусти, сегодня в 18:00 (МСК) будем с нуля разрабатывать этот проект. На бусти будет доступен в виде трансляций, позже смонтирую и выложу на канал. p.s.: пока баннер черновой и трансляция делается больше для отработки контента и поиска ошибок при записи. 