@fluent/react
Version:
Fluent bindings for React
33 lines (21 loc) • 1.27 kB
Markdown
# @fluent/react 
`@fluent/react` provides the React bindings for [Project Fluent][].
[project fluent]: https://projectfluent.org
## Installation
`@fluent/react` can be used both on the client-side and the server-side. You
can install it from the npm registry or use it as a standalone script (as the
`FluentReact` global).
npm install @fluent/react
# Integrating with React apps
`@fluent/react` takes advantage of React's Components system and the virtual
DOM. Translations are exposed to components via the _provider_ pattern.
There are many approaches to fetching and storing translations. To allow
maximum flexibility, `@fluent/react` expects the developer to write a little
bit of a setup code related to language negotiation and translation fetching.
It makes `@fluent/react` unopinionated and suitable for many different
scenarios. You will likely also need to install a few other packages:
`@fluent/bundle`, `@fluent/langneg` and `intl-pluralrules`.
Consult the [wiki][] for documentation on how to set up and use
`@fluent/react`.
The API reference is available at https://projectfluent.org/fluent.js/react.
[wiki]: https://github.com/projectfluent/fluent.js/wiki/React-Bindings