This media is not supported in your browser
VIEW IN TELEGRAM
Нужно показать фронт с localhost — без деплоя и с HTTPS? Делается одной командой:
brew install cloudflared
cloudflared tunnel --url http://localhost:3000
Что получаете:
— публичный HTTPS-адрес
— работает для OAuth, cookies и mobile-тестов
— без регистрации и бесплатно
Удобная альтернатива ngrok для демо и локальной разработки фронта
#stack
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥16🥰4❤2
Please open Telegram to view this post
VIEW IN TELEGRAM
😁16🥰3
lsof -i :3000
Показывает какой процесс держит порт 3000: команду и PID.
— dev-сервер не стартует
— ошибка EADDRINUSE
— порт «занят», но непонятно кем
node 48231 user TCP *:3000 (LISTEN)
node — процесс
48231 — PID
LISTEN — порт реально используется
kill 48231
#readme
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰5👍2🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Вместо скучного резюме — интерактивная игра, где посетитель управляет персонажем, который ходит по виртуальному дому и изучает ваши проекты.
— Персонаж перемещается по комнатам
— Подходит к объектам (компьютер, книжная полка, постеры)
— При взаимодействии появляется информация: навыки, описание проектов, ссылки на GitHub
Используется стек: JavaScript, Kaboom.js, Vite, HTML/CSS. Автор разбирает: настройку проекта, карту, коллизии, анимации, диалоги.
#read_watch
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥7❤4🥰2
«Этот манёвр будет стоить нам 51 год...»
— или 20% от стоимости обучения, если отложить прокачку скиллов до понедельника. Пока фронтенд-фреймворки рождаются и умирают, фундаментальные знания алгоритмов и архитектуры остаются единственной константой.
Успейте зайти на курсы Proglib Academy по старым ценам и укрепить свой бэкграунд:
— Разработка ИИ-агентов
— Математика для разработки AI-моделей
— ML для старта в Data Science
— Математика для Data Science
— Специалист по ИИ
— Алгоритмы и структуры данных
— Программирование на Python
— Основы IT для непрограммистов
— Архитектуры и шаблоны проектирования
Забрать курс по старой цене
⚠️ Повышение стоимости — 19 января
— или 20% от стоимости обучения, если отложить прокачку скиллов до понедельника. Пока фронтенд-фреймворки рождаются и умирают, фундаментальные знания алгоритмов и архитектуры остаются единственной константой.
Успейте зайти на курсы Proglib Academy по старым ценам и укрепить свой бэкграунд:
— Разработка ИИ-агентов
— Математика для разработки AI-моделей
— ML для старта в Data Science
— Математика для Data Science
— Специалист по ИИ
— Алгоритмы и структуры данных
— Программирование на Python
— Основы IT для непрограммистов
— Архитектуры и шаблоны проектирования
Забрать курс по старой цене
⚠️ Повышение стоимости — 19 января
❤3🥰2👾1
В Chrome 145 появились column-wrap и column-height. Теперь multi-column может переносить колонки вниз, а не вправо.
Раньше:
— фиксированная высота → колонки вправо
— горизонтальный скролл
Теперь:
— задаёте высоту ряда
— переполнение уходит вниз
— нормальный UX для текста
Где полезно:
— статьи и документация
— контентные блоки
— вертикальные «карусели»
#release_digest
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰6👍3❤2
Удобный инструмент для React-разработчиков, который визуально показывает, какие компоненты тормозят ваше приложение.
Главные фичи:
— Не требует изменений в коде
— Подсвечивает компоненты, которые нужно оптимизировать
— Работает везде: script tag, npm, Next.js, Vite, Remix
Просто добавьте один script tag:
<script src="//unpkg.com/react-scan/dist/auto.global.js"></script>
#stack #react
Please open Telegram to view this post
VIEW IN TELEGRAM
❤10🥰3👏2
Автор вернулся к React после перерыва. И вот что его поразило:
Любой компонент может использовать любое состояние через хуки. По сути — глобальные переменные с красивым названием «редьюсер». Назвали заумно — и вдруг это стало Good Architecture™?
Хук для «побочных эффектов» используется для инициализации компонентов. Но постойте... он же ещё и состояние меняет! А если нужна зависимость? Добавляем ещё один useEffect.
Результат? Цепочки асинхронных функций, которые надо читать снизу вверх. Ад обратных вызовов отдыхает.
Обещали простоту в Hello World. На практике — статьи про сложнейшие паттерны просто для отрисовки элементов на экране. И никто даже не признаёт безумие происходящего!
Автор считает, что виноват не React. И не Angular. И не jQuery. Проблема в том, что создание интерактивного UI, где любой компонент может обновлять любой другой — это один из сложнейших аспектов разработки ПО.
Сравните: у крана 2 входа и 1 выход. У UI — потенциально бесконечное число входов и выходов.
Меньше кнопок
SSR везде, где возможно
React только «островками интерактивности»
P.S. Если бэкенд-инженер смотрит на ваш код и спрашивает «Неужели нельзя проще?» — возможно, он прав.
#code_battle
Please open Telegram to view this post
VIEW IN TELEGRAM
❤8🥱6👍2🥰2🤔1
А как у вас с React? 🤔
Anonymous Poll
57%
Пишу и не парюсь, всё норм
17%
Терплю, но иногда бесит
11%
Согласен с автором — это безумие
15%
Перешёл на что-то другое
😁3
Please open Telegram to view this post
VIEW IN TELEGRAM
❤20😁3
Помните чит-код ↑↑↓↓←→←→BA из игр 90-х? Создали интерактивную визуализацию этой культовой комбинации.
Что внутри:
— Стилизованные D-pad клавиши с градиентами
— Отслеживание последовательности нажатий
— Визуальная подсветка при правильном вводе
— Чистый CSS без фреймворков
Технически:
— Event listeners для keyboard input
— Валидация через массив
— CSS-анимации для обратной связи
#readme #css
Please open Telegram to view this post
VIEW IN TELEGRAM
😁4🥰2👏1
npm install старая_ценаС 20 января деплоим новые условия, а текущие помечаем как
deprecated. Успейте сегодня забрать свой курс, так как завтра прайс обновится.Смержить профильные знания в свой стек
⚡4❤🔥3👾3🥰2😁2
Даты в JS — частая ловушка. На собеседованиях про них спрашивают регулярно, а в продакшене ошибки всплывают из-за таймзон, форматирования и странного поведения Date.
В карточках:
— что реально умеет Date
— когда нужен Intl
— зачем брать библиотеки
— к чему ведёт новый стандарт
#career_merge
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🥰3
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2👍1
Правильный ответ:
Anonymous Quiz
84%
[6, 8, 10], [1, 2, 3, 4, 5]
9%
[6, 8, 10], [2, 4, 6, 8, 10]
5%
[3, 4, 5], [1, 2, 3, 4, 5]
2%
[6, 8, 10], [3, 4, 5]
❤3
Первый мажорный апдейт почти за 10 лет и аккурат к 20-летию проекта.
Коротко по фактам:
— Убрана поддержка IE 10 и ниже, старых Edge, Android Browser
— Добавлены Trusted Types и улучшена работа с CSP
— Исходники переведены на ES modules, сборка через Rollup
— Вырезаны deprecated API (isArray, trim, parseJSON и др.)
— Размер стал меньше (–3 KB gzipped)
— События focus/blur теперь строго по W3C
— Slim-версия ещё легче: без Deferred и Callbacks
#release_digest
Please open Telegram to view this post
VIEW IN TELEGRAM
🌚4