Лучшие посты участников клуба IT-блогеров!

Пока я готовлю новые посты по продуктовой разработке, интерфейсам и лидерству, приглашаю посмотреть лучшие посты участников Клуба IT-блогеров, в котором мы делимся опытом друг с другом и подборками интересного контента со своими читателями:

🪲 Марго написала серию постов про дебаг. Ссылка на первый пост: Как новичку дебажить? Часть 1

👉 Гриша продолжает обозревать фичи Svelte. Публикация уже на канале

🧠 Наташа помогает отслеживать баги в мышлении, она коуч ICF и QA-инженер: На чём, на самом деле, держится ваша мотивация?

💡 Тимлид Артём рассказал, как у него стёрлась грань между жизнью и работой

🔥 Коуч Анна делится важностью проявления агрессии в карьере в голосовом

🐱 Надя снова ломает границы фронтенда! Рассказывает, как настроить телеграм-бота для уведомлений с сайта без бэкенда

🍔 Раушан ударился в кулинарию: тудушка бутера, алгоритм приготовления суши

😡 Счастливый тимлид походу перегрелся и бомбит то на кандидатов, то на формы регистрации

Собрал вам навигацию по самописному контенту и полезным ссылкам за 2024. Можно использовать как мануал для преодоления барьера новой ментальной модели (если у вас такой все еще есть или еще не снят).

Топики на любой вкус и цвет: RSC, Next js, Vercel Billing Optimization, Server actions(functions), PPR, use cache директива, React js, Other

Лучший способ поддержать меня - поделиться контентом из канала, так как в телеграме отсутствует органика

RSC:
- Почему Next.js, Client-boundary, отличие RSC от привычного и знакомого SSR, Lazy loading VS RSC
- Визуализация слотов, или как совмещать RSC и RCC
- Как жить без контекста в RSC
- Отличие RSC от SSR, что такое Hydration
- Rendering Lifecycle of RSC: внутренняя кухня
- Трактуйте букву S в RSC как static/serialized, и сразу станет жить проще: оказывается и dev машина у вас сервер

Next js related:
- Если вы все еще путаетесь между CSR/SSR/SSG/ISR
- Фишка Next js cache, которую вам хотелось бы узнать пораньше
- Оптимизация страниц в next js с помощью isr (Incremental Full Route Cache on Dynamic Segments)
- Как правильно варить runtime env в next js в модели build once, deploy many
- Why can't i use cookies in next.js page.tsx
- Интересное расследование потери клиентского next-runtime-env конфига при навигациях в Next (первая и единственная пока статья на хабр)
- Стандартные ошибки трактовки новой ментальной модели: RSC и директивы 'use client/server'
- Разворачиваем исходники Next.js локально и пытаемся понять, почему при ревалидации RSC Child, RSC Parent так же ревалидируется

Vercel Billing optimization:
- Как не получить чек на $1000 при деплое Next.js на Vercel или советы по оптимизации расходов на serverless
- Невероятные чеки за серверлесс

Server actions (functions):
- Возвращаем RSC из server-action
- Блокирующая природа сервер экшенов в некст жс

PPR, 'use cache':
- Что такое Prerendering, текущая проблема со static/dynamic rendering в Next.js, как это решается с помощью React Boundaries, как работает PPR и чем он отличается от других видов рендеринга
- Про PPR, dynamic IO, управление статикой (грануляция на уровне компонент), use cache
- Закрытый вебинар про PPR

React js related:
- виртуализация, RHF + zod + uncontrolled inputs, нормализация данных, псевдородители, useEvent
- Unintuitive behavior of React Hooks
- TDD как способ облегчить себе рефакторинг
- Разделение логики и UI для масштабируемой архитектуры
- Уходим от Сontrolled Inputs
- Про хороший паттерн композиции компонентов
- Антипаттерны React
- Неконсистентный UI (отсюда и пару постов ниже), новые баги, которые мог принести Concurrent rendering от React 18+
- React Taint API
- Оптимизация реакт кода (идиоматическая композиция), (отсюла и пару постов ниже)
- Убираем проп дриллинг с помощью композиции

Other:
- Как небольшой анализ веб приложения дал мне годовой доступ к платформе (360$ worth)
- Используем shadcn cli для создания своих шаблонов (для vite: отдельная ссылка)
- Вы точно этого не знали про devtools
- Как с помощью небольшого бойлерплейта создать примитивы для тестирования гипотез работы кода в сложных сценариях (проваливаемся в комментарии тоже)
- Tailwind + cva для того, чтобы не было лапши из классов, а были варианты (пример кода до/после: отдельная ссылка)