⚡️ Buffet — это всеобъемлющий веб-менеджер виртуальных машин с открытым исходным кодом, предназначенный для удобного и безопасного управления виртуальными машинами.

Его серверная часть реализована на Python Flask, а интерфейс - на TypeScript React, при этом используются QEMU и KVM для виртуализации и noVNC для удаленного доступа к рабочему столу.

- Безопасный доступ к виртуальным машинам осуществляется через noVNC, websockify с поддержкой SSL/TLS и случайно генерируемые одноразовые пароли VNC.
- Администрирование пользователей, виртуальных машин и журналов выполняется из панели администратора.
- Возможность создания, запуска и удаления виртуальных машин QEMU/KVM.
- Определение пользовательских операционных систем и дистрибутивов с помощью JSON.
- Полностью адаптивный интерфейс, подходящий для настольных компьютеров, планшетов и смартфонов.
- Безопасная аутентификация и авторизация пользователей реализована с помощью JSON Web Tokens (JWT), bcrypt и двухфакторной аутентификации.

▪ GIthub

@react_tg

⚡️ Cypress — это современный инструмент для тестирования фронтенда, созданный для решения ключевых проблем, с которыми сталкиваются разработчики и специалисты по качеству при тестировании веб-приложений.

В отличие от Selenium, Cypress обеспечивает более быстрые, простые и надежные тесты. Он позволяет легко настраивать, писать, запускать и отлаживать различные типы тестов, включая сквозные, компонентные и модульные.

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

npm install cypress --save-dev

▪Github

@react_tg

❗️Простой React Совет

Если вам нужно импортировать серверный компонент из клиентского компонента, передайте его как prop ❗

@reeact_tg

⭕ Двигающиеся кольца прелоадера, которые раскрываются при взлёте.

Примеры применения:
▪ загрузка нового уровня в игре;
▪ загрузка результатов тестирования.

#прелоадер #ожидание #загрузка

https://codepen.io/izmaelmag/pen/XNJKZx

@react_tg

⚡️ Полезный сервис CSS Grid Generator, который сгенерирует сетку и выдаст CSS-код.

Вам нужно только задать количество строк, колонок и расстояния между ними, далее рисуем расположение div-блоков в сетке.

https://cssgrid-generator.netlify.app/

@react_tg

TDesign — Корпоративная дизайн система

Design - это комплексная корпоративная система проектирования, и библиотеки компонентов были реализованы для Vue, React и WeChat MiniProgram

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

https://github.com/Tencent/tdesign

@react_tg

⚡️ Прелоадер, на котором буквы загрузчика пытаются догнать друг друга.

Примеры применения:
▪ загрузка страницы в электронной библиотеке;
▪ загрузка страницы интернет-магазина с канцелярскими товарами.

#прелоадер #ожидание #загрузка #js

https://codepen.io/arlinacode/pen/rrRoOQ

@react_tg

🏗👷‍♂️ Крутая анимация для вашего проекта

Строители разработчики так и не достроили страницу, на которую вы хотели попасть.

#страница404 #анимация

https://codepen.io/l-mnh-the-flexboxer/pen/qBRVXwm

@react_tg