Fluentui React Native

Overview

FluentUI React Native is a javascript component library that provides developers with controls that are part of the Fluent Design System. These controls are built on React Native and are customizable. The library is still in the alpha stages of development but developers are encouraged to download and use the components, though they may encounter some issues. Feedback and issue filing are welcomed to improve the quality of the library.

Features

• Javascript component library
• Controls built on React Native
• Part of the Fluent Design System
• Fully customizable
• Alpha stages of development
• Cross-platform support (Windows, macOS, iOS, Android)

Installation

To begin using FluentUI React Native in an existing React Native project, follow these steps:

1. Make sure you have the necessary prerequisites: Node.js and standard React Native dependencies.
2. Create a new React Native project or navigate to the root folder of your existing project.
3. Install the package by running the following command in the terminal:

npm install @fluentui/react-native

4. Once the installation is successful, import components from the package in your app’s entry file (e.g. App.js). For example:

import { Text, Checkbox } from '@fluentui/react-native';

5. You can now use the imported components in your JSX.

Note: If you encounter an error regarding pragma and pragmaFrag when using the package, try switching to classic runtime.

Summary

FluentUI React Native is a javascript component library that provides developers with customizable controls based on the Fluent Design System. It is built on React Native and supports multiple platforms. The library is still in the alpha stages of development, but feedback and issue filing are encouraged to improve its quality. Installation is simple and can be done in existing React Native projects. Overall, FluentUI React Native is a promising library for developers looking to create visually appealing and responsive applications.