JavaScript задачи с собеседований

🌪 useEffect и зависимости На картинке 3 кейса: ➡️ Забыли проп в deps → эффект не срабатывает при изменении данных ➡️ Положили объект/функцию → эффект запускается каждый ререндер ➡️ Скаляр в deps → всё стабильно, эффект срабатывает ровно при нужном изменении ⌨️ Совет: — Всегда указывайте все зависимости эффекта — Если зависимость нестабильна (объект/функция) → мемоизируйте (useMemo, useCallback) — Примитивы (строка, число) в deps — самый безопасный вариант #hotfix #react

🧩 OpenTalent: Оценка и развитие талантов на основе Git-данных OpenTalent — это открытая платформа для оценки разработчиков, основанная на их вкладе в проекты с использованием данных Git. Платформа предлагает объективные метрики и отчеты, помогающие как разработчикам, так и работодателям в поиске и развитии талантов. 🚀 Основные моменты: - Анализ вкладов в код, документацию и тестирование. - Оценка влияния разработчиков с помощью алгоритма OpenRank. - Отчеты о взаимодействии в сообществе и карьерные рекомендации. - Поддержка индивидуальных отчетов для разработчиков и компаний. 📌 GitHub: #javascript https://github.com/OS-HUBU/opentalent-new

Возможно, вы не знаете о блоке lh в CSS 🤩

Кризис в диджитал Все говорят о кризисе: бюджеты режут, рынок сжимается, конкуренция растёт. В digital это ощущается сильнее всего – давление на эффективность и сроки стало нормой. Но паника ничего не меняет. Мы видим ситуацию иначе. Когда рынок штормит, выигрывают не те, у кого больше ресурсов, а те, кто умеет быстро перестраиваться, усиливать процессы и работать точнее. Мы знаем, как проходить спад: что оптимизировать, что автоматизировать, какие метрики реально важны, что помогает удерживать клиентов, а что – только создаёт иллюзию контроля. В итоге несколько авторов digital-каналов решили объединиться и собрать всё полезное в одну папку — «Документы для тех, кто в digital» 🔴 Там 30 файлов, которые помогают выстроить управление, аналитику и внутренние процессы: – Мотивация сотрудников в IT, – Контроль сроков диджитал-проекта, – Шаблон CSI, – Фреймворк для проведения исследований через ИИ, – Как создать продающее КП. 📂 Ссылка на папку: https://t.me/addlist/mUVeZHwtrzc0NWYy А чтобы добавить немного азарта — среди подписавшихся разыграют: 🥇 iPhone Air; 🥈 Яндекс Станцию Лайт 2; 🥉 HUAWEI Freebuds 5. Как участвовать: 1. Подпишись на папку: https://t.me/addlist/mUVeZHwtrzc0NWYy 2. Подтверди участие в боте 🗓 Итоги — 25 ноября.

🚀 StyleX — Open Source Styling Library for CSS at Scale! Facebook представили StyleX - систему стилизации, сочетающую удобство CSS-in-JS с производительностью статического CSS. Она генерирует коллизионно-устойчивые атомарные стили и позволяет писать выразительный, типобезопасный и сверхбыстрый код. StyleX уже используется во всех продуктах компании. Главная идея - компиляция стилей во время сборки, чтобы CSS-код не рос вместе с приложением. 👉 Подробнее: https://engineering.fb.com/2025/11/11/web/stylex-a-styling-library-for-css-at-scale ⚡️ Github: https://github.com/facebook/stylex #WebDev #CSS #StyleX #OpenSource

🧩 Умные диаграммы с Excalidraw Создавайте профессиональные графики с помощью AI, просто описывая их на естественном языке. Интеграция с Excalidraw позволяет редактировать и настраивать диаграммы, обеспечивая гибкость и удобство. 🚀Основные моменты: - AI генерирует диаграммы на основе текстовых описаний. - Поддержка более 20 типов графиков, включая ER и архитектурные диаграммы. - Уникальный алгоритм соединений для чистоты и логики графиков. - Полная интеграция с Excalidraw для редактирования. - Легкая настройка с использованием API ключа. 📌 GitHub: #javascript https://github.com/liujuntao123/smart-excalidraw-next

Загрузка файла с помощью server action в Next.js

🍏📦 Apple App Store Frontend Source Code Archive Репозиторий содержит извлеченный исходный код фронтенда App Store, собранный с помощью расширения для Chrome. Код сохранен для образовательных целей, так как Apple не отключила sourcemaps на своем сайте. 🚀Основные моменты: - Полный исходный код на Svelte/TypeScript - Логика управления состоянием - Компоненты пользовательского интерфейса - Интеграция с API - Структура каталогов для удобства навигации 📌 GitHub: #typescript https://github.com/rxliuli/apps.apple.com

🚀 React Native Godot: Интеграция Godot в мобильные приложения React Native Godot позволяет встраивать движок Godot в приложения на React Native для Android и iOS. Это решение стабильно работает в приложениях, обслуживающих миллионы пользователей, и предоставляет доступ ко всем API Godot из JavaScript. 🚀 Основные моменты: - Поддержка Android и iOS с использованием LibGodot. - Возможность запуска, остановки и перезапуска Godot. - Godot работает в отдельном потоке, не влияя на основной поток приложения. - Полный доступ к API Godot из TypeScript/JavaScript. - Примеры использования доступны в приложении. 📌 GitHub: https://github.com/borndotcom/react-native-godot #javascript

Совет по Javascript 💡 Для лучшей отладки используйте именованные выражения стрелочных функций для критических/часто используемых callback'ов ✅

Обзор методов JavaScript DOM 👨‍💻

🖥 Методы работы с массивами в JavaScript!

Большай библиотека курсов по веб-разработке, которая поможет вырасти до full-stack инженера с нуля — The Odin Project (https://www.theodinproject.com/) Обученеи HTML, CSS, JavaScript, базам данных и многому другому, а за время обучения вы соберёте несколько реальных проектов для портфолио. Идеально для тех, кто хочет кодить, а не просто смотреть туториалы. https://www.theodinproject.com/

Прочел любопытный пост (), в котором Даниэль Ленц, фронт из Яндекса, подсветил дилемму, встречающуюся почти в любой большой компании. Как фронт, всегда ловлю себя на том же вопросе: «хочу ли я просто писать продукт или втягиваться в эволюцию общего стека?» Когда стек ведут выделенные команды — жизнь становится проще. Всё предсказуемо, стандарты спускаются сверху, а ты фокусируешься на фичах. Иногда это нравится — особенно когда сроки поджимают и голова забита бизнес-логикой, а не внутренними библиотеками. Но модель «опенсорс внутри компании» тоже притягивает. Она напоминает настоящую разработку в сообществе — обсуждения, пулы, боль несовместимостей и… ощущение, что стек живой, и ты можешь на него повлиять. Даже если это значит, что что-то будет двигаться медленнее. Наверное ключ не в выборе «что лучше», а в том, в какой фазе ты сейчас как разработчик. Иногда хочется спокойствия и предсказуемости. Иногда влияния и участия. И да, смешно, что на фоне тренда “ИИ будет сам кликать UI” мы всё ещё решаем, кто будет кнопки в наших UI-библиотеках красить А вы что предпочли бы в своей команде: стабильный стек сверху или «вбросил PR — изменил мир»? https://t.me/dlents/190

🔗 Объединение Telegram и Obsidian Плагин для синхронизации сообщений и файлов из Telegram в Obsidian. Позволяет сохранять текст, голосовые записи и изображения, упрощая организацию информации. Доступен только для настольных платформ. 🚀Основные моменты: - Синхронизация текстов и файлов из Telegram - Возможность сохранять сообщения как отдельные заметки - Поддержка транскрипции голосовых сообщений - Настраиваемые шаблоны для новых заметок - Автоматическое форматирование текста в Markdown 📌 GitHub: https://github.com/soberhacker/obsidian-telegram-sync #javascript

🖥 В Пензенском госуниверситете решили пойти нестандартным путём - JavaScript перевели на кириллицу и начали преподавать студентам в русифицированном виде. По словам преподавателей, часть студентов быстрее осваивает базовые концепции: код на родном языке выглядит понятнее. Однако в IT-компаниях к инициативе относятся скептически — переход на такую версию языка может занять больше времени, чем изучение оригинального синтаксиса. Кстати, посмотреть задачи на «русском JavaScript» уже можно. Кто знает - может, скоро придётся переучиваться 🙂 https://images.codewars.com/users/AlexaD20/published_kumite

📊 GitHub Octoverse 2025: TypeScript впервые вышел на первое место, а ИИ взорвал темпы роста GitHub сообщил, что на платформу теперь присоединяется один новый разработчик каждую секунду - за год сообщество выросло на 36 млн и превысило 180 млн пользователей. 🔥 Главная сенсация - TypeScript впервые обошёл Python и JavaScript, став самым популярным языком программирования на GitHub. Рост интереса к ИИ-проектам и интеграциям с Copilot стал главным двигателем этой динамики. 🇮🇳 Индия обошла Китай и заняла второе место по числу разработчиков (рост +34%), а Россия вошла в топ-10. 🧠 Количество проектов с использованием ИИ почти удвоилось, и больше 200 новых репозиториев создаются каждую минуту. Мир разработки меняется — AI-инструменты формируют новое поколение программистов, а TypeScript становится языком по умолчанию для будущего код Подробнее: https://github.blog/news-insights/octoverse/octoverse-a-new-developer-joins-github-every-second-as-ai-leads-typescript-to-1/ #github #TypeScript

✨ Mina Rich Editor - Уникальный редактор на Tailwind CSS Первый блочный редактор с поддержкой богатого текста, созданный с использованием Tailwind CSS и shadcn/ui. Идеален для создания интерактивного контента с возможностью работы с таблицами и изображениями. 🚀 Основные моменты: - Поддержка таблиц с возможностью редактирования и перетаскивания - Мультивыбор изображений для удобного редактирования - Улучшенная система перетаскивания для блоков и контента - Интуитивно понятные операции с изображениями в сетке - Приветствуются коллаборации и улучшения 📌 GitHub: https://github.com/Mina-Massoud/Mina-Rich-Editor #typescript

О нет, платные типы переменных

🚀 AI-Powered Full-Stack Development Platform FullStack Agent — это инновационная платформа, позволяющая создавать и развивать веб-приложения с помощью ИИ и естественного языка. Она использует Claude Code и Kubernetes для безопасного и масштабируемого развертывания проектов в изолированных средах. 🚀 Основные моменты: - 🤖 Разработка с помощью ИИ: создание приложений через естественный язык - 🔒 Изолированные среды: каждый проект работает в своем контейнере Kubernetes - 🗄️ Автоматическое создание баз данных: PostgreSQL по запросу - 🌐 Веб-терминал: доступ к среде через интегрированный ttyd - 🔐 Интеграция с GitHub: управление репозиториями и версиями 📌 GitHub: https://github.com/FullstackAgent/FullstackAgent