Comments (17)
I am kind of confused how can I use it, I checked the example app and didn't find any packages called
fbt
inpackage.json
. Also all the references I can find on npm is this and it doesn't say anything
I have no idea what fbt-cli is, but the packages used in the demo-app are actually using the yarn workspaces. You can look at my example npm-only app for the relevant npm modules:
https://github.com/jrwats/fbt-npm-app
We should be landing and finalizing versions for all of these modules soon...
from fbt.
Closing this out for now with
7cfe665 and 12558f6 now live.
@sibelius, @vhesener, if you feel the documentation is still lacking, feel free to re-open.
If you think it can be improved, we'll gladly look at any PRs you have!
from fbt.
I understand there's a demo app that proves this can work, but I think there's a slight disconnect in what we were expecting. I'm willing to help you get there, but I just need to know what steps need to be taken to bring this functionality into an existing React (Native) app.
There seems to be some missing magic to get from here to here. For example, where are the install steps and where are the import
statements? Package documentation usually includes a typical cadence in the beginning pages in the docs. Here's a pseudo outline of what I would like to see before I know if I can use a any given package:
Installation
- Add dependencies:
yarn add fbt
or maybe evenyarn add https://github.com/facebookincubator/fbt
. - add plugin to babel
- if using RN version < 0.60, do some manual linking stuff
Getting Started
import { fbt } from 'fbt';
- Add some Provider to the app
- Use the
<fbt />
component
I understand it's probably not too much effort to clone the demo app and figure out how to massage this to a working state. I'm not being lazy here, but I just want to know this use case is even supported and if you intend to add this type of documentation for future tinkerers. Candidly, if no one is using this package in a traditional way, I am reluctant to be on the fringe. There's strength in numbers with a larger community sharing the same problem sets.
Let me know your thoughts and if we can help. I think many of us would be willing to help you polish the usability if you were to share your vision regarding app integrations.
from fbt.
I am kind of confused how can I use it, I checked the example app and didn't find any packages called fbt
in package.json
. Also all the references I can find on npm is this and it doesn't say anything
from fbt.
@jrwats thank you so much for your effort, I checked the new version again. It's still not user friendly I have been trying to get it to work in my existing project without any success. I will continue to tinker and document the steps in a format an average developer can understand.
from fbt.
A +1 on this issue -- even after guessing at a bunch of steps (e.g. manually installing babel-node and related dependencies globally) by reading the sample app's package.json, we were unable to get fbt working in our existing application. fbt's promised feature set is super great, but right now there is zero documentation for consumers of the library to get started (versus developers building the library from source). :(
from fbt.
It took me an hour to add fbt to my react-native project.
@aldeka You don't need babel-node
to run scripts from an npm package!
from fbt.
You can find diff for create-react-app
project here...
from fbt.
It took me an hour to add fbt to my react-native project.
@aldeka You don't need
babel-node
to run scripts from an npm package!
can u upload a diff or sample for
react-native app works with fbt ???
from fbt.
@Zbish there is no big difference, you can use this diff
from fbt.
thanks, will try
and it will work on react-native init app ??
from fbt.
Migrate to the latest version retyui/fbt-getting-started@6d55f47
from fbt.
thanks, will try
and it will work on react-native init app ??
@Zbish Did you ever get this working? Wondering if I should attempt to integrate into a React Native app or not. I can't seem to find anyone using it successfully
from fbt.
@vhesener, @Zbish, @retyui: here's some breaking news we haven't announced yet...
We released the Android NPM package and corresponding RN demo-app. Take a look and let @dalmendray know if you hit any issues :)
from fbt.
@vhesener, @sibelius feel free to comment on this
#126
from fbt.
thanks, will try
and it will work on react-native init app ??@Zbish Did you ever get this working? Wondering if I should attempt to integrate into a React Native app or not. I can't seem to find anyone using it successfully
yes working great in react-native app
but it was not easy to set all to work fine
from fbt.
Documentation
how to translate new generated hash keys?
We should probably add a section giving a bit more detail under the "Translations". I don't think it necessarily belongs in "Getting Started".
React Native
@Zbish @vhesener
Regarding React Native, We should have some docs getting published this week for using the recently released NPM Android package.
from fbt.
Related Issues (20)
- 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 2
- fbt.plural manifest is wrong in --react-native-mode
- Copyright and footer logo needs to be updated
- Multiple bugs in substituteTokens HOT 4
- Docs links broken on first open
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.