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

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

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🌐 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: www.tg-me.com/pythonl
Linux: www.tg-me.com/linuxacademiya
Собеседования DS: www.tg-me.com/machinelearning_interview
Нерйросети www.tg-me.com/ai_machinelearning_big_data
C++ www.tg-me.com/cpluspluc
Docker: www.tg-me.com/DevopsDocker
Хакинг: www.tg-me.com/linuxkalii
Devops: www.tg-me.com/DevOPSitsec
Data Science: www.tg-me.com/data_analysis_ml
Javascript: www.tg-me.com/javascriptv
C#: www.tg-me.com/csharp_ci
Java: www.tg-me.com/javatg
Базы данных: www.tg-me.com/sqlhub
Python собеседования: www.tg-me.com/python_job_interview
Мобильная разработка: www.tg-me.com/mobdevelop
Golang: www.tg-me.com/Golang_google
React: www.tg-me.com/react_tg
Rust: www.tg-me.com/rust_code
ИИ: www.tg-me.com/vistehno
PHP: www.tg-me.com/phpshka
Android: www.tg-me.com/android_its
Frontend: www.tg-me.com/front
Big Data: www.tg-me.com/bigdatai
МАТЕМАТИКА: www.tg-me.com/data_math
Kubernets: www.tg-me.com/kubernetc
Разработка игр: https://www.tg-me.com/gamedev
Haskell: www.tg-me.com/haskell_tg
Физика: www.tg-me.com/fizmat

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

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

🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
📕Ит-книги бесплатно: https://www.tg-me.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
2025/07/01 11:03:56
Back to Top
HTML Embed Code: