Часто проблема не в логике и не во фреймворке, а в side-effects.
Функция выглядит безопасной, но меняет объект — и состояние «едет».
Причина — как данные передаются в функции и что происходит с объектами в памяти.
— откуда берутся side-effects
— почему мутация ломает код
— как писать предсказуемый код без скрытых изменений
#under_hood
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5🥰2
В чём разница:
— || реагирует на ВСЕ falsy (0, '', false, null, undefined)
— ?? реагирует ТОЛЬКО на null и undefined
— ?. безопасно идёт по цепочке, не бросая ошибок
API вернул
{ price: 0, inStock: false }
const price = product?.price ?? 99; // 0
const inStock = product?.inStock ?? true; // false
const name = product?.name ?? 'Unknown'; // undefined → 'Unknown’
#readme #js
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5👍2🥰2🤔1
Frontend разработчик (от 200 000 ₽, Москва)
Frontend-разработчик (от 150 000 до 200 000 ₽, Казань)
Frontend - developer (от 130 000 до 180 000 ₽)
Middle Frontend-developer (от 355 500 ₽, Кипр)
Please open Telegram to view this post
VIEW IN TELEGRAM
👏3🥰2
LLM учатся на React-сайтах и по умолчанию генерируют React. Так появляется ещё больше React-сайтов — цикл замыкается.
AI-инструменты это закрепляют: IDE и генераторы сразу выдают React, потому что его умеют поддерживать.
— их нет в обучающих данных LLM
— у них нет экосистемы библиотек
— разработчики их не знают
— компании не хотят рисковать поддержкой
Если фреймворка нет в ответах ИИ — для рынка его просто не существует.
То же самое происходит и с новыми возможностями веб-платформы. Даже хорошие API тонут, потому что у старых React-паттернов — 10+ лет примеров, а у новых фич — пара лет истории.
А кто вообще строит новый веб
Малые команды, одиночки и люди, которые просто хотят «чтобы сайт работал». Они не выбирают стек — они принимают дефолт. А дефолт сегодня — React.
Выживают только вещи, которые нельзя заменить библиотекой: безопасность, навигация, доступ к железу. Всё остальное проигрывает инерции экосистемы.
#blueprint
Please open Telegram to view this post
VIEW IN TELEGRAM
❤8🤔3🥰2
Пробовали ли вы новые фреймворки за последний год ❓
Anonymous Poll
10%
Да, и внедрил(а) в продакшн
13%
Да, но только pet-проект
11%
Изучал(а), но не использовал(а)
27%
Хотел(а), но не было времени
39%
Нет, зачем менять рабочий стек
❤3🥰2
This media is not supported in your browser
VIEW IN TELEGRAM
Meta Explorer — Chrome-расширение, которое показывает, как ваша страница выглядит для поисковиков, соцсетей и мессенджеров — прямо в браузере.
Что полезно фронту:
• noscript, denoscription
• Open Graph / Twitter Cards
• favicons
• Корректность мета для превью ссылок
• Ошибки: дубли, битые ссылки, проблемы доступности
— Проверка на лету, без копирования URL
— Корректно работает со SPA (React / Vue / Next)
— Можно закрепить и переключаться между страницами
— Чистый, современный UI — видно, что сломано сразу
#stack
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰4🔥1
Node.js 22.2+ уже давно умеет искать файлы по паттернам без внешних пакетов — через встроенный
fs.promises.glob. Но многие до сих пор используют glob-all.→ Минус одна зависимость
→ Быстрее установка и меньше бандл
→ Нативная производительность
Миграция простая, но есть нюансы с синтаксисом исключений. Свайпни карточки
#readme #nodejs
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3🥰2
Please open Telegram to view this post
VIEW IN TELEGRAM
😁8🥰3
В любом живом проекте зависимости устаревают быстрее, чем кажется.
npm outdated
wanted — безопасное обновление по semver
latest — последняя доступная версия
Одним взглядом видно, где мелкие апдейты, а где назревает боль.
Зачем используют:
Показывает пакеты, которые давно не трогали и которые со временем выстрелят багами.
Помогает отделить:
• patch / minor — обновить быстро
• major — вынести в отдельную задачу
Перед апдейтом React / Next / Vue сразу видно, какие зависимости не готовы.
#readme #npm
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰5❤3
Крупное обновление с фокусом на CLI-инструменты и производительность.
Поддержка псевдотерминалов — теперь можно запускать bash, vim, htop и как в настоящем TTY.
—
isTTY = true из коробки— Поддержка цветов, управления курсором, input/resize событий
— Работает на Linux и macOS
Условная компиляция с автоматическим tree-shaking на этапе сборки.
if (feature("PREMIUM")) enablePaid();
bun build --feature=PREMIUM --minify
Меньший размер бандла, нулевой runtime-оверхед, типобезопасность из коробки.
Корректный расчёт ширины для emoji (ZWJ, flags, skin tone), ANSI/OSC, zero-width символов.
Критично для CLI и TUI-приложений.
Контроль имени файла и режима (inline/attachment).
— Реализованы новые V8 type-check API
— Исправлены проблемы с CPU spin на macOS
— Фиксы WebSocket и
bunx на Windows— Улучшена совместимость с Node.js
— Патчи безопасности
#release_digest
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3👍2🥰2
В среднем операции вставки, поиска и удаления выполняются за O(1), но при коллизиях возможна деградация до O(n).
Коллизии решаются, например, через цепочки или открытую адресацию.
В JavaScript аналогами являются Object и Map, при этом Map лучше подходит для частых операций добавления и удаления.
#career_merge
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2👍2🥰2
This media is not supported in your browser
VIEW IN TELEGRAM
Навигация по компонентам в пулл-реквестах
В современных фронтенд-проектах с сотнями компонентов и пропсов ревью превращается в ад, если нет возможности быстро посмотреть, что принимает компонент и где он используется. Обычно для этого приходится открывать VS Code.
На SourceCraft навигация работает нативно в вебе. Можно кликнуть на импортированный компонент, провалиться в его декларацию или быстро глянуть типы пропсов, не покидая страницу пулл-реквеста. Это значительно ускоряет проверку UI-китов и сложной логики.
Протестируйте навигацию в реальном интерфейсе → https://sourcecraft.dev/code-navigation-demo/uikit/pr/2040
В современных фронтенд-проектах с сотнями компонентов и пропсов ревью превращается в ад, если нет возможности быстро посмотреть, что принимает компонент и где он используется. Обычно для этого приходится открывать VS Code.
На SourceCraft навигация работает нативно в вебе. Можно кликнуть на импортированный компонент, провалиться в его декларацию или быстро глянуть типы пропсов, не покидая страницу пулл-реквеста. Это значительно ускоряет проверку UI-китов и сложной логики.
Протестируйте навигацию в реальном интерфейсе → https://sourcecraft.dev/code-navigation-demo/uikit/pr/2040
🔥3🥰2
Офис (Кипр, Лимассол, помощь с релокейтом)
🤝 Чем нужно заниматься:
- Разработка и поддержка пользовательского интерфейса.
- Работа в тесной связке с UX/UI дизайнерами для реализации визуальных концепций в функциональный пользовательский интерфейс.
- Интеграция фронтенд-компонентов с серверной логикой и API.
- Оптимизация приложения для максимальной скорости и масштабируемости.
- Обеспечение технической поддержки и обновлений для существующих приложений.
- Применение лучших практик и стандартов кодирования, включая тестирование и отладку.
📌 Требования:
- Опыт работы с React и его экосистемой (Redux, React Router) не менее 2 лет.
- Опыт работы с RESTful API.
- Знание Next.js приветствуется
- Знание современных инструментов сборки и версионирования, таких как Webpack, Git.
- Опыт применения методологий разработки, таких как Agile/Scrum.
- Интеграция с backend API
- Мультиязычность и интернационализация
- Создание продвинутых UI компоненты
- Real-time обновления данных
- Сложные формы с валидацией и динамическими полями
💸 Мы предлагаем:
- Конкурентная зарплата
- Оплачиваемые отпуска и больничные, а также 5 sick days в год;
- Активная корпоративная жизнь: квизы, спортивные марафоны, конкурсы, кибертурниры и многое другое.
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰2
🧩 Bento Grid: как сетка стала говорить за интерфейс
Bento Grid — асимметричная сетка, где размер блока отражает его важность. Паттерн пришёл из продуктового дизайна и стал стандартом для лендингов, дашбордов и портфолио.
Его используют Apple, Vercel, Linear, Stripe — чтобы выстраивать иерархию без лишних акцентов. Выше — карточки с разбором: от идеи до кода и best practices.
🔗 Наглядный пример с codesandbox
📍 Навигация: [Вакансии]
🎁 Новогодняя акция: 3 курса по цене 1
🤝 Помощь с выбором курса
🐸 Библиотека фронтендера
#ux_review
Bento Grid — асимметричная сетка, где размер блока отражает его важность. Паттерн пришёл из продуктового дизайна и стал стандартом для лендингов, дашбордов и портфолио.
Его используют Apple, Vercel, Linear, Stripe — чтобы выстраивать иерархию без лишних акцентов. Выше — карточки с разбором: от идеи до кода и best practices.
#ux_review
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM