Requirements
FBT API For React Deployed with CRA and Typescript
This module will help you deploy the FBT API on top of a vanilla React App that was installed using "create-react-app" and typescript.
For a full setup:
Create a new React App using CRA:
npx create-react-app my-fbt-app --template typescript
cd my-fbt-app
Install the fbt-cra-typescript-installer module:
yarn add fbt-cra-typescript-installer
Install fbt-cra-ts
yarn run fbt-cra-ts-install
Run the fbt scripts
yarn all-fbts
Start the application to make sure everything works:
yarn start
Something doesn't work?
See if there's anything interesting in the log file fbt-cra-typescript-installer.log (only created if the script finds something unexpected).
More documentations:
Full documentation
https://facebook.github.io/fbt
Tips on how to use FBT's advanced features with TypeScript:
https://dev.to/retyui/how-to-add-support-typescript-for-fbt-an-internationalization-framework-3lo0
Step by step deployment of FBT with CRA and typescript:
https://medium.com/@frenchyooy/configuring-fbt-api-with-typescript-and-react-create-app-492ee72f44bb
FBT Components
For FBT Parameters and Interpolation, use <FbtParam> or FbtParam( ... );
For FBT Name, use <FbtName> or FbtName( ... );
For FBT Same Parameter, use <FbtSameParam> or FbtSameParam( ... );
For FBT Enumerations, use <FbtEnum> or FbtEnum( ... );