React JS

🖥 Plate — мощный набор инструментов для React, облегчающий разработку текстовых редакторов на основе Slate Сердце Plate — это система плагинов, специально разработанная для slate-react. Она помогает поддерживать проект организованным и эффективным, разделяя различные функциональные возможности. В дополнение к плагинам Plate предоставляет нестилизованные и доступные компоненты, основанные на Radix UI — они служат основой для создания высококачественных систем проектирования. 🖥 GitHub 🟡 Доки 🟡 Демо, как выглядит редактор @react_tg

🖥 BlockNote — текстовый редактор, созданный с помощью React, с большим количеством возможностей — npm install @blocknote/core @blocknote/react @blocknote/mantine BlockNote использует идею блоков (как в Notion), имеет множество возможностей, его можно легко расширять и дописывать новые возможности. Построен на основе Prosemirror и Tiptap. 🖥 GitHub @react_tg

⚡Хочешь разработать решение технологического кейса для внедрения в работу НКО?  Тогда регистрируйся на Smart Social: Хакатон! Smart Social: Хакатон – это командное соревнование для программистов, дизайнеров, менеджеров, аналитиков и других IT-специалистов, которые в сжатые сроки решают технологическую задачу. 👨‍💻Кейсы: - Сервис для онлайн-записи на музейные мероприятия; - Приложение для туристических маршрутов; - Сервис сбора информации для профилактики социально значимых заболеваний; - Онлайн-игра для повышения информированности населения о профилактике ВИЧ. 📆Даты хакатона: C 10 по 18 Июня 2024 г. 📍Формат: Гибридный - финальная питч-сессия пройдёт в Москве, командам из регионов доступно подключение онлайн.  🔥Дедлайн регистрации: 8 Июня, 23:59 (МСК) Не нашел для себя задачу? Смотри еще кейсы по ссылке: https://tglink.io/bc9eeb53a16b  🚀Сделай Добро – помоги НКО!

🖥 VisionCamera — мощная, высокопроизводительная библиотека React Native

npm i react-native-vision-camera
cd ios && pod install

Вот некоторые особенности VisionCamera: — позволяет захватывать фото и видео — имеет функцию сканера QR/штрих-кодов — позволяет настраивать разрешение и соотношение сторон, настраивать FPS — имеет HDR и ночной режим 🖥 GitHub 🟡 Доки @react_tg

🖥 Orval — swagger на максималках — npm i orval -D Orval позволяет: — генерировать модели TypeScript — генерировать HTTP-вызовы — создавать моки с помощью MSW Orval довольно удобно интегрируется с Angular, React или Vue 🖥 GitHub 🟡 Доки @react_tg

🌟 dioxus — open-source fullstack GUI-библиотека для веб-, десктоп-приложений, мобильных устройств и многого другого — cargo install dioxus-cli dioxus позволяет создавать самые разные приложения: веб-, нативные, для мобильных устройств на единой кодовой базе. На изображениях приведён полный код простого приложения на dioxus для примера 🟡 Доки 🟡 Быстрый старт 🖥 GitHub @react_tg

🖥 SurveyJS — open-source библиотека JavaScript для построения форм с интеграцией в React, Angular, Vue, jQuery и Knockout

git clone https://github.com/surveyjs/survey-library.git
cd survey-library
npm install -g karma-cli
npm install
npm run build_core
npm run build-plugins
npm run build

Библиотека SurveyJS позволяет создавать динамические формы/опросы на основе JSON в любом приложении JavaScript, собирать ответы и отправлять все данные о заполнении форм в базу данных по вашему выбору. Поддерживает создание многостраничных форм любой длины и сложности, создание всплывающих опросов, викторин, опросов с оценками и т. д. 🖥 GitHub 🟡 Доки @react_tg

🖥 AG Grid — open-source таблица данных для создания корпоративных приложений — npm install --save ag-grid-community AG Grid — это настраиваемая таблица данных JavaScript; обеспечивает норм производительность, не имеет сторонних зависимостей и легко интегрируется со всеми основными JS-фреймворками. AG Grid может работать не только на чистом JS, но и поддерживает React / Angular / Vue. 🖥 GitHub 🟡 Доки 🟡 Потрогать демо @react_tg

👩‍💻 Как эффективно разрабатывать Web-API на JavaScript? Узнайте на открытом практическом уроке «Быстрый старт с Express.js. Разработка REST API» от OTUS, где мы построим серверное приложение на платформе Node.js с использованием популярной легковесной библиотеки Еxpress.js и разберем ее основные функции и возможности. А также рассмотрим: - введение в веб-серверы; - описание маршрутов HTTP API; - связь контроллеров и бизнес-логики; - миддлвары. Встречаемся 4 июня в 20:00 мск в преддверии старта курса «JavaScript Developer. Professional». Все участники вебинара получат специальную цену на обучение! ➡️ Регистрируйтесь прямо сейчас, чтобы не пропустить бесплатный урок: https://otus.pw/Di87/ Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

🖥 bulletproof-react — простая и масштабируемая архитектура для создания готовых к продакшену приложений React Этот репозиторий показывает структуру для создания React-приложений, которые удобно развивать и поддерживать. Исходя из опыта автора (alan2207) — он работал с большим количеством разных кодовых баз, — представленная архитектура оказывается наиболее эффективной. 🖥 GitHub @react_tg