React-UWP Разработка началась в прошлом году, потому что у него есть слабое место для Windows UWP Design. В то же время он также является поклонником React, поэтому React-UWP стал долгосрочным сопровождением проектов с открытым исходным кодом. .
Технический выбор - TypeScript и React, потому что для большого проекта TypeScript лучше Babel. В основном это касается изменений API и проверки типов, каждый раз, когда вы изменяете API, вы можете обнаруживать известные ошибки во время компиляции. Стиль основан на Inline-стиле (рассмотрите поддержку React-Native), в основном Polyfill. используется встроенный-префикс-стиль. Поскольку тема React-UWP является полностью собственной, поэтому также используются свойства контекста React, все компоненты настраиваются в контексте темы. Изучил много вещей из пользовательского интерфейса материала, управления проектами, написания сценариев и т. Д.
В мае этого года началась штатная разработка React-UWP, и на этот раз официальный выход из новой Fluent Design System. С тех пор также для всех компонентов React-UWP добавлен Fluent Design. эффект.
Использование сцены
React-UWP В основном подходит для более современного веб-дизайна, такого как WebApp, официальная домашняя страница веб-сайта, новостные сайты и т. Д., Конечно, это просто библиотека пользовательского интерфейса спецификации дизайна UWP, вы можете из глобального контекста разработать свой собственный лучше Веб-приложения.
Поддержка браузера
React-UWP поддерживает все популярные браузеры, включая Internet Explorer 9 и выше. (Поддержка браузера React)
Функции
NPM + Webpack + TypeScript + React
Основа на веб-API, отличном от XAML API
49+ Компонент
Компонент браузера: ScrollReveal
На основе компонента response-transition-group: Animate
Полная документация
Документация React-UWP с подробным описанием использования каждого компонента, а также свойств и членов компонента.
Пользовательские цвета
Отображение части скриншота компонента (четыре темы)
Больше стилей, пользовательских цветов, пользовательских фонов и возможность доступа к официальным документам, чтобы попробовать.
Конец
React-UWP полностью настраивается по всей теме, даже если некоторые компоненты не соответствуют конкретным потребностям продукта, но также его компоненты могут быть настроены по стилю.