Comments (6)
HI @mikedloss,
This is my fault for not yet adding an overview section in our docs explaining the high-level architecture of FBT. I'll message our engineers internally about adding some overview documentation.
These particular files were manually translated by our vendors and I did a query to fetch them from our internal DB. I then generated the JSON from the Object in the expected format which is described here:
https://facebookincubator.github.io/fbt/docs/translating
To get to the root of your question, those translation JSON files are not generated for "free".
The translation "cloud" and "Storage" in the above diagram are NOT provided by the FBT framework. And that magical dotted arrow going from the "storage" to the "translation dictionaries" are basically what calling the "translate" script on those JSON translations input represents.
from fbt.
@jrwats @kayhadrin @w1106c Any updates to adding the architecture overview documentation? Or any plans for additional documentation on how to add additional languages?
from fbt.
I'm building a crowdsourced translation tool / manager that would allow you to have a similar workflow demonstrated above by @jrwats. You can check it out here -> https://helptranslate.com While it's in early preview, I'm willing to help you integrate it with FBT and set all the things up.
from fbt.
If anyone plans to just handle translations in the source code directly (not following @jrwats diagram above) I've created a script that take the output from collectFbts.js
and generates translations like the ones in the translations folder or in the single file format. It can be found here.
You still need to translate the actual text yourself though... 😹
from fbt.
If anyone plans to just handle translations in the source code directly (not following @jrwats diagram above) I've created a script that take the output from
collectFbts.js
and generates translations like the ones in the translations folder or in the single file format. It can be found here.You still need to translate the actual text yourself though... 😹
This is great, thanks! It was a bit hard to figure out how to use the "locales" parameter, though. It would be nice to put an example of the locales.js that you mention in the README. To make it work, I created a src/i18n/locales.js with the following sample content:
module.exports = { en_US: {}, it_IT: {} }
Update: found more info in your blog post: https://medium.com/@adamramberg/translate-your-react-app-with-ease-using-facebooks-own-framework-fbt-e8f6af04d3d9 :)
from fbt.
Thanks @jrwats ! So from my understanding, we'd need to convert our translations over into a .json file that can be picked up and used by the "translate dictionaries" script, right?
from fbt.
Related Issues (20)
- Documentation: how to format plural Localizable.strings in iOS
- Provide simple debug mode HOT 5
- No published version of babel-plugin-fbt since 0.13.0-beta HOT 2
- Remove fbjs dependency HOT 2
- Feature: publish eslint rules to help promote better Fbt API usage practices HOT 1
- Fix Support for Shared Enum Typescript/ES6 Import/export syntax with Babel 7 HOT 3
- Can't install FBT with npm HOT 1
- node-fetch vulnerability transitive from isomorphic-fetch HOT 3
- Unable to install react-native-fbt in expo SDK 45 bare workflow #33797 HOT 7
- Bug: unable to extract `intlList`
- Vite support HOT 1
- React 18 support
- unexpected pluralization behavior
- RTC-Folly outdated with lastest react native version (0.70.1) HOT 2
- Ols
- react-native-fbt not working on lastest React Native version (0.70.6) HOT 3
- Make `fbt` work with other compilers like SWC HOT 2
- New release? HOT 1
- fbt.plural manifest is wrong in --react-native-mode
- Copyright and footer logo needs to be updated
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from fbt.