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

Прислать задачу/вопрос в дар: @cyberJohnny
Сотрудничество: @cyberJohnny
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
✔️ Response-print-pdf — это UI Kit для создания PDF-файлов с использованием React и TypeScript.

С Response-print-pdf создавайте и генерируйте PDF-документы с помощью React 📄. Этот UI-набор компонентов предназначен для создания PDF и печатных документов, таких как счета, брошюры и другие документы. Используйте простые и многократно используемые компоненты и шаблоны для создания профессиональных документов.

Реализуйте свои идеи с помощью любимого фреймворка фронтенда React для создания PDF-документов следующего поколения.

Забудьте о docx, latex или устаревших библиотеках. С помощью react-print-pdf вы получите:

☑️ Простоту в использовании
☑️ Готовые компоненты и шаблоны
☑️ 100% контроль макета
☑️ Интеграция динамических данных в PDF-файл

https://github.com/OnedocLabs/react-print-pdf
🪐 Новый UI-фреймворк в стиле Sci‑Fi — Cosmic UI

🌌 Cosmic (https://github.com/rizkimuhammada/cosmic-ui) UI — это open-source библиотека футуристичных компонентов на React + TailwindCSS + TypeScript. Всё выполнено в стиле научной фантастики — идеально для проектов с «космическим» вайбом.

🔧 Внутри:
- Компоненты с анимациями и голографическими эффектами
- Документация + демо: [cosmic-ui.com](https://cosmic-ui.com/docs)
- MIT лицензия — можно использовать как угодно
- Поддержка Vite, TS, ESLint, Vercel

Почему стоит попробовать?
- Готовые стилизованные компоненты экономят кучу времени
- Идеально для игр, дашбордов, кастомных интерфейсов
- Выглядит не как все остальные boring UI-библиотеки

📦 Установка:

npm install cosmic-ui


📌Github (https://github.com/rizkimuhammada/cosmic-ui)
🧠 HASH — открытая база данных с элементами ИИ, которая самостоятельно структурирует информацию и проверяет её достоверность. Проект объединяет данные из разных источников в реальном времени, предлагая удобные инструменты для работы с ними даже не-техническим пользователям.

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

🤖 GitHub (https://github.com/hashintel/hash)
AWS Amplify — библиотека для фронтенд- и мобильных разработчиков, упрощающая интеграцию приложений с облачными сервисами AWS. Она предлагает готовые решения для аутентификации, хранения данных, аналитики, API и даже машинного обучения, скрывая сложность бэкенд-настроек за простым JavaScript-интерфейсом.

Хотя инструмент заточен под AWS, архитектура позволяет подключать и кастомные бэкенды. Amplify особенно удобен для React Native и веб-приложений, например, можно добавить авторизацию через Cognito или работу с S3 буквально парой строк кода.

🤖 GitHub (https://github.com/aws-amplify/amplify-js)
🌳 Fancytree — проверенная временем JavaScript-библиотека для создания интерактивных деревьев с поддержкой редактирования, drag'n'drop и ленивой загрузки. Хотя проект перешёл в режим поддержки, он остаётся стабильным решением для таблиц с иерархией и файловых менеджеров.

Интересно реализована модульная структура: можно подключать только нужные функции вроде фильтрации или чекбоксов. Для современных проектов автор рекомендует наследника — Wunderbaum, но Fancytree всё ещё активно используют в legacy-системах.

🤖 GitHub (https://github.com/mar10/fancytree)
🔺 Delaunator — молниеносная триангуляция Делоне на JavaScript. Библиотека выполняет разбиение 2D-точек на треугольники с впечатляющей скоростью — обрабатывает миллион точек за секунду. Основной алгоритм основан на оптимизированных sweep-line методах из научных работ 2010-2013 годов.

Инструмент имеет компактные структуры данных (Uint32Array для треугольников, Int32Array для рёбер), минимизирующие нагрузку на память. Поддерживает дегенеративные случаи через robust-predicates и обновление триангуляции на лету.

🤖 GitHub (https://github.com/mapbox/delaunator)
📦 Carbon Design System — дизайн-система от IBM с готовыми компонентами для React, Angular, Vue и Svelte. Проект предлагает не просто UI-кит, а полноценную экосистему: от цветовых палитр и типографики до адаптивной сетки и анимаций.

Система обладает модульностью. Можно использовать только нужные части через отдельные npm-пакеты вроде @carbon/icons или @carbon/react. Всё собрано по Atomic Design, а документация объясняет не только как работает определенный компонент, но и почему именно так, с акцентом на доступность и UX-логику.

🤖 GitHub (https://github.com/carbon-design-system/carbon)
🧮 bignumber.js — библиотека для работы с числами произвольной точности в JavaScript. Она поддерживает как десятичные, так и недесятичные числа, предлагая полный набор арифметических операций без потери точности.

Проект выделяется простым API, компактным размером и отсутствием зависимостей. Он особенно полезен в финансовых расчётах, криптографии и научных вычислениях, где важна точность. Библиотека работает даже в старых браузерах, так как использует только возможности ES3.

🤖 GitHub (https://github.com/MikeMcl/bignumber.js)
This media is not supported in your browser
VIEW IN TELEGRAM
London Tube Map - Navigation Bar Concept

Концепция панели навигации в виде схемы лондонского метро.

https://codepen.io/MrDarrenGriffin/details/gOZWmYB
👍2
💎 RisuAI — кроссплатформенный клиент для общения с ИИ. Этот проект объединяет поддержку разных языковых моделей в одном интерфейсе с необычными функциями. Например, можно создавать групповые чаты с несколькими персонажами, добавлять эмоциональные изображения в диалоги и использовать TTS для озвучки ответов.

Проект имеет встроенный редактор regex для кастомизации вывода моделей и система «Lorebook» для сохранения контекста беседы. Есть версии для веба, ПК и Docker.

🤖 GitHub (https://github.com/kwaroran/RisuAI)
🌿 Tagify — удобный инструмент для превращения обычного поля ввода в компонент тегов с поддержкой React, Vue и Angular.

Библиотека предлагает гибкую настройку, высокую производительность и компактный код. Она умеет работать с ванильным JS и популярными фреймворками, поддерживает валидацию, редактирование тегов и даже подгрузку предложений через AJAX.

🤖 GitHub (https://github.com/yairEO/tagify)
👎1