Javascript

Создаём 3D-модели прямо в браузере за считанные секунды — появилась мощная тулза для дизайнеров, художников и геймдев-разработчиков.

Работает по текстовому описанию: вводишь идею — на выходе готовая модель, которую можно сразу редактировать. Поддерживает все популярные форматы, плюс огромная библиотека шаблонов для вдохновения.

Доступно бесплатно — пользуйтесь.

🌍 FBT — фреймворк для интернационализации от Facebook без лишней сложности. Инструмент, интегрируется прямо в JSX через специальные теги <fbt> и функции fbt(), автоматически извлекая строки для перевода на этапе сборки.

Проект делает акцент на грамматическую корректность: система учитывает роды, числа и другие языковые особенности без необходимости ручного описания всех вариантов. Под капотом работает трансформация кода через Babel-плагины, а готовые переводы подгружаются во время выполнения.

🤖 GitHub

@javascriptv

📱 expo-app-template — современный шаблон для React Native и Expo

[expo-app-template](https://github.com/nkzw-tech/expo-app-template) от nkzw-tech — это продвинутый шаблон для быстрого старта разработки мобильных приложений на React Native с использованием Expo и TypeScript.

🚀 Основные особенности:
- Современные технологии: Expo 53, React Native 0.79 с новой архитектурой
- Маршрутизация: Expo Router для удобной навигации
- Стилизация: Tailwind CSS через NativeWind
- Встроенные библиотеки:
- @gorhom/bottom-sheet (модальные окна)
- Legend List (списки)
- react-native-svg с react-native-svg-transformer
- expo-linear-gradient (градиенты)
- Международализация через fbtee
- Поддержка TypeScript и ESM
- Управление зависимостями через pnpm
- React Compiler для оптимизации

🛠️ Установка и запуск:

Предварительные требования:
- Node.js >= 22
- pnpm >= 10
- Cocoapods (для iOS)

Установка:

pnpm install && pnpm dev:setup

▪ Github

🖌️ LUME — создание 2D/3D-интерфейсов на HTML. Этот набор веб-компонентов превращает обычные HTML-элементы в полноценные носители графики — от CSS3D-преобразований до WebGL-рендеринга.

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

🤖 GitHub

@javascriptv

📝 OpenSign – open-source инструмент с полным набором функций для безопасного подписания документов.

Проект предлагает не просто добавление подписи в PDF, а полноценный рабочий процесс: поддержку множества подписантов, шаблоны документов, OTP-верификацию и даже возможность отклонения подписания с комментарием. При этом OpenSign не требует подписок и скрытых платежей, позволяя развернуть систему локально или в облаке.

🤖 GitHub

@javascriptv

Есть фича. Есть дедлайн. Есть понимание, что тесты надо писать… но они отъедают время, которого итак впритык.

Один наш знакомый девелопер сказал: «С тех пор как поставил Explyt Test — начал писать меньше тестов… но покрытие стало лучше. Как это вообще возможно?!»

Попробуйте сами. Плагин сам предлагает тесты для вашего кода — прямо в IDE.
👉 explyt.ai — сэкономь себе пару часов уже сегодня.

Пример анимированного подчеркивания с градиентной заливкой.

#ссылки #hover

https://codepen.io/cultofgeek/pen/RJRdVO

⚡️Легкий способ получать свежие обновления и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь:

Python: t.me/pythonl
Linux: t.me/linuxacademiya
Собеседования DS: t.me/machinelearning_interview
Нерйросети t.me/ai_machinelearning_big_data
C++ t.me/cpluspluc
Docker: t.me/DevopsDocker
Хакинг: t.me/linuxkalii
Devops: t.me/DevOPSitsec
Data Science: t.me/data_analysis_ml
Javascript: t.me/javascriptv
C#: t.me/csharp_ci
Java: t.me/javatg
Базы данных: t.me/sqlhub
Python собеседования: t.me/python_job_interview
Мобильная разработка: t.me/mobdevelop
Golang: t.me/Golang_google
React: t.me/react_tg
Rust: t.me/rust_code
ИИ: t.me/vistehno
PHP: t.me/phpshka
Android: t.me/android_its
Frontend: t.me/front
Big Data: t.me/bigdatai
МАТЕМАТИКА: t.me/data_math
Kubernets: t.me/kubernetc
Разработка игр: https://t.me/gamedev
Haskell: t.me/haskell_tg
Физика: t.me/fizmat

💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy
Папка ML: https://t.me/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: https://t.me/addlist/mzMMG3RPZhY2M2Iy

😆ИТ-Мемы: t.me/memes_prog
🇬🇧Английский: t.me/english_forprogrammers
🧠ИИ: t.me/vistehno

🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
📕Ит-книги бесплатно: https://t.me/addlist/BkskQciUW_FhNjEy

📊 Phantomas — мощный инструмент для анализа веб-производительности. Он собирает десятки метрик: от количества запросов до сложных CSS-селекторов и jQuery-событий.

Проект имеет модульную архитектуру, так что можно легко расширять функциональность. Его можно запустить через npm, Docker или как модуль в Node.js-проекте. Также инструмент позволяет эмулировать мобильные устройства и даже встраивать кастомные метрики прямо в код страницы.

🤖 GitHub

@javascriptv

🚀 Появился новый ИИ-сервис Adaptive — генератор веб-приложений, который делает не просто прототипы, а сразу готовые к запуску проекты.

💡 Можно:
▪️ Добавлять ИИ-функции
▪️ Настроить регистрацию и оплату подписки
▪️ Всё это — без кода и без подключения сторонних API

По сути — no-code в режиме turbo.

🎁 В бесплатном плане — до 10 приложений.

https://adaptive.ai/

Цвет фона карточки меняется с цветом текста при наведении на неё.

#карточки #hover

https://codepen.io/himais/pen/eYOzrzJ

@javascriptv

📁 Meriyah — JS-парсер для строгого синтаксического разбора. В отличие от многих аналогов, проект не пытается быть универсальным: здесь нет поддержки TypeScript или Flow, зато есть фокус на стабильность и предсказуемость.

Для анализа кода он генерирует ESTree-совместимое AST с детализацией позиций узлов, а гибкие опции позволяют встраивать парсер в инструменты для линтинга или транспиляции. Инструмент избегает backtracking-алгоритмов, что снижает нагрузку на память, а интеграция с JSX и Annex B-фичами делает его удобным для веб-разработки.

🤖 GitHub

@javascriptv

🧑‍💻 Faast.js — библиотека, берущая на себя всю рутину: она упаковывает код, настраивает роли IAM и развертывает ресурсы, а после выполнения автоматически их удаляет. Никаких вечных кластеров, долгих деплоев или ручного управления зависимостями.

При этом Faast.js остается легковесным и не привязывает вас к конкретным сервисам. Например, чтобы запустить функцию локально оффлайн достаточно изменить всего одну строку, а масштабирование до тысяч ядер за секунды встроено прямо «из коробки».

🤖 GitHub

@javascriptv

📦 OSS JS SDK — библиотека, предоставляющий удобный интерфейс для работы с облачным хранилищем Alibaba OSS из Node.js и браузера. Проект предлагает готовые методы для операций с файлами от multipart-загрузки до управления правами доступа через ACL.

Версия инструмента для браузера поддерживает ограниченный набор функций, но позволяет генерировать подписанные URL для безопасной загрузки файлов без раскрытия ключей доступа. Для production-среды разработчики рекомендуют использовать временные токены STS.

🤖 GitHub

@javascriptv

👩‍💻 Эта статья объясняет, как оптимизировать производительность React-приложений, управляя ненужными повторными рендерами!

🌟 Автор рассматривает причины ререндеринга, такие как обновления состояния и пропсов, и предлагает решения, включая использование React.memo, useCallback, useMemo и правильное управление контекстом. Также даны советы по инструментам профилирования для выявления проблем с производительностью.

🔗 Ссылка: *клик*

@javascriptv

🌐 Plate — это мощный редактор форматированного текста (WYSIWYG), созданный на основе React и Slate, с поддержкой интеграции AI!

🌟 Он предоставляет гибкую платформу для создания настраиваемых редакторов с возможностью расширения с помощью плагинов. Plate подходит для различных сценариев, таких как редактирование документов в стиле Notion, обработка Markdown и коллаборативные инструменты.

🔐 Лицензия: MIT

🖥 Github

@javascriptv

🖥 Masonry — это библиотека для создания динамических сеточных макетов, в которых элементы размещаются на основе доступного пространства, подобно кирпичной кладке! Она поддерживает адаптивные макеты, настраиваемые отступы и ширину колонок, а также совместима с ES6-модулями, Browserify и RequireJS.

🔗 Ссылка: *клик*

@javascriptv

🧠 Задача по JavaScript: Асинхронность и замыкания

Что выведет следующий код?

for (var i = 0; i < 3; i++) {
  setTimeout(function () {
    console.log(i);
  }, 100);
}

Варианты ответа:
A)

1
2

B)

3
3

C)

1
2
(в случайном порядке)

D)

---

✅ Правильный ответ: B

Почему:
Переменная i объявлена через var, а значит — она общая для всех итераций. К моменту выполнения setTimeout, цикл уже завершился, и значение и равно 3. Каждая отложенная функция видит одно и то же значение.

@javascriptv

🖥 Совет по Javascript:

🌟 Object.freeze() делает объект неизменяемым!

@javascriptv