FAQ

Table of contents


Can I use it together with CSS Files?

Yes. Fela is encapsulated and can be integrated into any kind of application and therefore can also be used together with other CSS files/classes.
Just remember that you might again get into specificity problems if you mix different CSS classes from different sources.

Can I use it together with inline styles?

Yes. You can always use inline styles together with Fela. It can be useful to overwrite single values for specific cases. Also state-depending styles might better fit as inline styles e.g. a progress bar which updates the inner width according to the progress. This might else lead to >100 rendered Fela classes.

Can I use it without React?

Yes. Fela is framework-agnostic by design, but works especially well with React and React-like view libraries. Checkout the official React bindings react-fela as well as Usage with React.
It also works great with Inferno, Preact, Vue, Hyper and Cycle.

Can I use it with React Native?

Yes. Next to React, Fela also supports React Native. It can also be used with react-fela and shares a similar API with fela itself. You just have to replace your createRenderer-method with the one exported by fela-native. Check out Usage with React Native for more information.

Can I use template strings?

Yes. While you traditionally write your Fela styles in JavaScript object notation, there are several tools that allow styles written in pure CSS using ECMAScript 2015 template strings. You may try react-styling for runtime transformation or even use babel-plugin-css-in-js which was in particular written for Fela rules.

Can I use objects instead of functions?

No. Except for static styles rendered using renderer.renderStatic, all style rules have to be pure functions of props. Read Style as a Function of State for more information.

Is Fela production-ready?

Yes. As of version 1.0.0 Fela is production-ready and fully covered with tests. It is already used in many applications in production.

Where does the name "Fela" come from?

Fela actually is the name of a character in one of the author's favorite fantasy novel called "Kingslayer Chronicles" by Patrick Rothfuss. Fela is a young, attractive and smart woman practicing sculpturing among others at the university of Imre. She's one of Kvothe's (the main protagonist), best friends there.
There is no deep connection to JavaScript styling in general, except the fact that she does sculpturing which seems to be kind of similar to what component styling is lately.

results matching ""

    No results matching ""