Javascript
18.6K subscribers
808 photos
119 videos
2 files
1.25K links
По всем вопросам - @workakkk

@itchannels_telegram -🔥лучшие ИТ-каналы

@ai_machinelearning_big_data - машинное обучение

@JavaScript_testit- js тесты

@pythonl - 🐍

@ArtificialIntelligencedl - AI

@datascienceiot - ml 📚

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

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

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍97🔥4
🌐 Plate — это мощный редактор форматированного текста (WYSIWYG), созданный на основе React и Slate, с поддержкой интеграции AI!

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

🔐 Лицензия: MIT

🖥 Github

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

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

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

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

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

🤖 GitHub

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

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

🤖 GitHub

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

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

🤖 GitHub

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

#карточки #hover

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

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

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

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

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

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

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

🤖 GitHub

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

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

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

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

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

#ссылки #hover

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

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

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

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

🤖 GitHub

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

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

🤖 GitHub

@javascriptv
👍124🔥2
📱 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
👍75🔥1🤔1
🌍 FBT фреймворк для интернационализации от Facebook без лишней сложности. Инструмент, интегрируется прямо в JSX через специальные теги <fbt> и функции fbt(), автоматически извлекая строки для перевода на этапе сборки.

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

🤖 GitHub

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

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

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

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

🤖 GitHub

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

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

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

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

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

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

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

https://habr.com/ru/news/902384/
👍173👎2😁2🔥1🤔1