TG Telegram Group Link
Channel: Javascript
Back to Bottom
🌐 Plate — это мощный редактор форматированного текста (WYSIWYG), созданный на основе React и Slate, с поддержкой интеграции AI!

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

🔐 Лицензия: MIT

🖥 Github

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Эта статья объясняет, как оптимизировать производительность React-приложений, управляя ненужными повторными рендерами!

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

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

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
📦 OSS JS SDK — библиотека, предоставляющий удобный интерфейс для работы с облачным хранилищем Alibaba OSS из Node.js и браузера. Проект предлагает готовые методы для операций с файлами от multipart-загрузки до управления правами доступа через ACL.

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

🤖 GitHub

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

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

🤖 GitHub

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

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

🤖 GitHub

@javascriptv
This media is not supported in your browser
VIEW IN TELEGRAM
Цвет фона карточки меняется с цветом текста при наведении на неё.

#карточки #hover

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

@javascriptv
This media is not supported in your browser
VIEW IN TELEGRAM
🚀 Появился новый ИИ-сервис Adaptive — генератор веб-приложений, который делает не просто прототипы, а сразу готовые к запуску проекты.

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

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

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

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

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

🤖 GitHub

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

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

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

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

🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
📕Ит-книги бесплатно: https://hottg.com/addlist/BkskQciUW_FhNjEy
This media is not supported in your browser
VIEW IN TELEGRAM
Пример анимированного подчеркивания с градиентной заливкой.

#ссылки #hover

https://codepen.io/cultofgeek/pen/RJRdVO
Есть фича. Есть дедлайн. Есть понимание, что тесты надо писать… но они отъедают время, которого итак впритык.

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

Попробуйте сами. Плагин сам предлагает тесты для вашего кода — прямо в IDE.
👉 explyt.ai — сэкономь себе пару часов уже сегодня.
📝 OpenSign – open-source инструмент с полным набором функций для безопасного подписания документов.

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

🤖 GitHub

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

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

🤖 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
Please open Telegram to view this post
VIEW IN TELEGRAM
🌍 FBT фреймворк для интернационализации от Facebook без лишней сложности. Инструмент, интегрируется прямо в JSX через специальные теги <fbt> и функции fbt(), автоматически извлекая строки для перевода на этапе сборки.

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

🤖 GitHub

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

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

Доступно бесплатно —
пользуйтесь.
🔌 Node-OPCUA — промышленный стандарт OPC UA для Node.js. Этот стек реализует протокол OPC UA прямо в Node.js и браузере, предлагая TypeScript-интерфейсы для работы с реальным оборудованием.

Инструмент особенно востребован в SCADA-системах и промышленной автоматизации. Поддерживает создание как OPC-серверов, так и клиентов, включая сложные сценарии подписки на данные и безопасное соединение.

🤖 GitHub

@javascriptv
This media is not supported in your browser
VIEW IN TELEGRAM
Pokemon Slide Gallery

Анимация реализованп без использования JS.

Только HTML и CSS. Переключение реализовано с помощью радио-кнопок

https://codepen.io/cbolson/pen/raBJWOJ

@javascriptv
Встречайте Vue DnD Kit — новую мощную библиотеку для Vue 3, созданную для реализации функционала drag-and-drop! Она предлагает высокую производительность, гибкость и полную поддержку клавиатурного управления, мобильных устройств и кастомизации под любые задачи.

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

Документация уже доступна, а в ближайшем будущем ожидаются новые пакеты и интеграция с DevTools. #Vue3 #DragAndDrop #Frontend #WebDev

https://habr.com/ru/news/902384/
HTML Embed Code:
2025/06/29 05:59:15
Back to Top