JavaScript задачи с собеседований
5.12K subscribers
579 photos
41 videos
9 files
321 links
Задачи, тесты и теоретические вопросы по JavaScript. Так же react, vue, angular, node.js

Прислать задачу/вопрос в дар: @cyberJohnny
Сотрудничество: @cyberJohnny
Download Telegram
🚀 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
🍏📦 Apple App Store Frontend Source Code Archive

Репозиторий содержит извлеченный исходный код фронтенда App Store, собранный с помощью расширения для Chrome. Код сохранен для образовательных целей, так как Apple не отключила sourcemaps на своем сайте.

🚀Основные моменты:
- Полный исходный код на Svelte/TypeScript
- Логика управления состоянием
- Компоненты пользовательского интерфейса
- Интеграция с API
- Структура каталогов для удобства навигации

📌 GitHub:

#typescript

https://github.com/rxliuli/apps.apple.com
👎2
This media is not supported in your browser
VIEW IN TELEGRAM
Загрузка файла с помощью server action в Next.js
👍3
🧩 Умные диаграммы с Excalidraw

Создавайте профессиональные графики с помощью AI, просто описывая их на естественном языке. Интеграция с Excalidraw позволяет редактировать и настраивать диаграммы, обеспечивая гибкость и удобство.

🚀Основные моменты:
- AI генерирует диаграммы на основе текстовых описаний.
- Поддержка более 20 типов графиков, включая ER и архитектурные диаграммы.
- Уникальный алгоритм соединений для чистоты и логики графиков.
- Полная интеграция с Excalidraw для редактирования.
- Легкая настройка с использованием API ключа.

📌 GitHub:

#javascript

https://github.com/liujuntao123/smart-excalidraw-next
🚀 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
Кризис в диджитал

Все говорят о кризисе: бюджеты режут, рынок сжимается, конкуренция растёт. В digital это ощущается сильнее всего – давление на эффективность и сроки стало нормой. Но паника ничего не меняет.

Мы видим ситуацию иначе. Когда рынок штормит, выигрывают не те, у кого больше ресурсов, а те, кто умеет быстро перестраиваться, усиливать процессы и работать точнее.

Мы знаем, как проходить спад: что оптимизировать, что автоматизировать, какие метрики реально важны, что помогает удерживать клиентов, а что – только создаёт иллюзию контроля.

В итоге несколько авторов digital-каналов решили объединиться и собрать всё полезное в одну папку — «Документы для тех, кто в digital»

🔴 Там 30 файлов, которые помогают выстроить управление, аналитику и внутренние процессы:

– Мотивация сотрудников в IT,

– Контроль сроков диджитал-проекта,

– Шаблон CSI,

– Фреймворк для проведения исследований через ИИ,

– Как создать продающее КП.

📂 Ссылка на папку: https://t.iss.one/addlist/mUVeZHwtrzc0NWYy

А чтобы добавить немного азарта — среди подписавшихся разыграют:

🥇 iPhone Air;
🥈 Яндекс Станцию Лайт 2;
🥉 HUAWEI Freebuds 5.

Как участвовать:

1. Подпишись на папку: https://t.iss.one/addlist/mUVeZHwtrzc0NWYy
2. Подтверди участие в боте

🗓 Итоги — 25 ноября.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Возможно, вы не знаете о блоке lh в CSS 🤩
👍1
🧩 OpenTalent: Оценка и развитие талантов на основе Git-данных

OpenTalent — это открытая платформа для оценки разработчиков, основанная на их вкладе в проекты с использованием данных Git. Платформа предлагает объективные метрики и отчеты, помогающие как разработчикам, так и работодателям в поиске и развитии талантов.

🚀 Основные моменты:
- Анализ вкладов в код, документацию и тестирование.
- Оценка влияния разработчиков с помощью алгоритма OpenRank.
- Отчеты о взаимодействии в сообществе и карьерные рекомендации.
- Поддержка индивидуальных отчетов для разработчиков и компаний.

📌 GitHub:

#javascript

https://github.com/OS-HUBU/opentalent-new
🌪 useEffect и зависимости

На картинке 3 кейса:

➡️ Забыли проп в deps → эффект не срабатывает при изменении данных

➡️ Положили объект/функцию → эффект запускается каждый ререндер

➡️ Скаляр в deps → всё стабильно, эффект срабатывает ровно при нужном изменении

⌨️ Совет:

— Всегда указывайте все зависимости эффекта

— Если зависимость нестабильна (объект/функция) → мемоизируйте (useMemo, useCallback)

— Примитивы (строка, число) в deps — самый безопасный вариант

#hotfix #react