Почему инструмент прототипирования является обязательным?
React — самая популярная библиотека Javascript для фронтенд-разработки благодаря своей компонентной архитектуре, которая способствует повторному использованию, ремонтопригодности и тестируемости кода.
Но просверливание может быть сложной задачей, поскольку требует передачи данных через несколько слоев компонентов. По мере масштабирования приложений детализация может затруднить создание кодовой базы и управление ею, что приведет к потенциальным ошибкам и усложнит отслеживание потока данных.
Инструмент прототипирования React, который использует функцию перетаскивания для создания компонентов, значительно улучшит процесс разработки по двум основным причинам:
- Интуитивность. Интерфейсы с функцией перетаскивания просты для понимания и использования, поскольку разработчики могут визуально создавать интерфейсы без написания кода.
- Скорость: такой инструмент позволяет быстро создавать и упорядочивать сложные иерархии компонентов, обеспечивая быстрое прототипирование.
ReacType 16 предлагает это и многое другое.
Что такое ReacType?
ReactType — это современный визуализатор, инструмент быстрого прототипирования и генератор кода.
Это упрощает процесс создания приложения React, позволяя пользователю перетаскивать компоненты и элементы HTML на холст, в то время как код генерируется автоматически во встроенном интерфейсе.
Каждый компонент полностью настраивается для удобства использования, включая недавно обновленный контекстный менеджер и параметры стиля рендеринга в реальном времени.
Чтобы еще больше повысить производительность разработчиков, ReacType позволяет создавать повторно используемые компоненты, которые можно экспортировать в файлы .zip и сохранять локально.
Что было улучшено в Reactype 16.0?
Увеличение охвата тестированием более чем в два раза:
Наши пользователи могут быть уверены, что комплексная проверка была проведена для обеспечения бесперебойной и бесперебойной работы приложения.
Тестирование имело решающее значение для обеспечения функциональности и надежности программного обеспечения и предотвращения непредвиденных ошибок в рабочей среде. Недавний переход с Redux на инструментарий Redux привел к тому, что многие наборы тестов не запускались или вообще не работали. По сравнению с версией 15 охват тестированием удвоился и сейчас составляет немногим более 50%. В версии 16 представлено сквозное тестирование с помощью Playwright и добавлено дополнительное модульное тестирование с библиотекой тестирования React. Наборы для тестирования также отказались от Enzyme, чтобы обеспечить согласованность с RLT и Jest.
Преобразование качества машинописного текста более чем в два раза:
Преобразование TypeScript добавляет в JavaScript надежную систему типов, повышая качество и понятность кода. Покрытие улучшилось с 30% до 80% благодаря добавлению дополнительных интерфейсов для улучшения качества.
Все зависимости обновлены
Все ранее устаревшие зависимости теперь обновлены. Время сборки оптимизировано на 50%.
Исправлены основные ошибки
Из-за большого количества итераций и постоянных обновлений новых технологий некоторые основные функции ReactType нуждались в доработке.
Управление функциями проекта теперь работает должным образом. Проекты можно без проблем сохранять в базе данных, открывать и удалять.
Менеджер состояний теперь удаляет состояние из родительских компонентов.
Универсальный экспорт в веб-приложении. Функция экспорта в веб-приложении теперь позволяет пользователям загружать текущий проект в виде zip-файла с модульной папкой компонентов, html- и css-файлами. Функция экспорта теперь доступна для всех пользователей, включая гостей.
Улучшения пользовательского интерфейса: исправлено несколько проблем с контрастностью при отображении белого текста на белом фоне. Скорректированный интерфейс контекстного менеджера для улучшения UX. Исправлен стиль границ в модальных окнах и сообщениях об ошибках.
Визуализация демо-версии CSS в реальном времени: изменения редактора CSS теперь визуализируются визуально на демонстрационной странице при сохранении.
Вкладка Диспетчер контекста теперь отображается должным образом.
Редактор CSS теперь отображается должным образом.
Добавлен конвейер непрерывной интеграции для тестирования: переход от Travis CI к Github Actions для улучшения конвейера непрерывной интеграции. Github Actions теперь будет запускать все тесты при каждом запросе на включение в dev.
Обновленные функции OAuth и SignIn: функция SignIn теперь подключена к последней версии базы данных.
В заключение хочу отметить, что ReacType 16 представляет собой качественное, надежное и быстрое обновление и без того мощного инструмента для создания прототипов.
Улучшение многих важных функций и обновленный пользовательский интерфейс теперь гарантируют бесперебойную работу пользователей.
Как я могу попробовать ReacType 16.0?
Вы можете найти Reactype16 здесь.
Участники и соавторы ReacType 16.0
Адам Ванек | ЛинкедИн | Гитхаб
Маттео Дитерлицци | ЛинкедИн | Гитхаб