4 ms·

Allow me to ask the obvious question: How does Fast compare against React, Angular, VueJS, etc.?

atarian 6y ago
Apples and oranges. A design system is a collection of components that fit a certain look-and-feel; it is not tied to the implementation so it can be implemented by React, Angular, or VueJS: https://www.fast.design/docs/integrations/introduction https://www.fast.design/docs/integrations/introduction
arsome 6y ago
My understanding is this is closer to something like Bootstrap but using Web Components (or material-ui if you want a react component set) than it is to React itself. You'd probably still want to use React or similar ontop of it, but in the future we might get much lighter libraries covering that side of things.
deleted 6y ago
[deleted]
sreekotay 6y ago
Appears to be a custom HTML elements (and some helper libraries) that you can plugin to vanilla, Vue, React, etc?
crooked-v 6y ago
Well, the focus on Web Components is good for cross-compatibility, but means not being able to do the full static analysis of components that you can do with JSX or equivalents.
moenarch 6y ago
That's FAST!
lucideer 6y ago
It doesn't. It's more comparable to something like Google Polymer[0] They can be used in conjunction with eachother[1][2], so I'd imagine the same/similar would be possible with Fast. [0] https://en.wikipedia.org/wiki/Polymer_(library) https://en.wikipedia.org/wiki/Polymer_(library) [1] https://www.digitalocean.com/community/tutorials/vuejs-vue-integrate-web-components https://www.digitalocean.com/community/tutorials/vuejs-vue-i... [2] https://github.com/jscissr/react-polymer#readme https://github.com/jscissr/react-polymer#readme
- kutorio 6y ago
  It reminds me more of https://material-ui.com/ https://material-ui.com/
bokchoi 6y ago
From this page: https://www.fast.design/docs/fast-element/observables-and-state https://www.fast.design/docs/fast-element/observables-and-st... > The arrow function bindings and directives used in templates allow the fast-element templating engine to intelligently react by only updating the parts of the DOM that actually change, with no need for a virtual DOM, VDOM diffing, or DOM reconciliation algorithms. This approach enables top-tier initial render time, industry-leading incremental DOM updates, and ultra-low memory allocation. > When a binding is used within a template, the underlying engine uses a technique to capture which properties are accessed in that expression. With the list of properties captured, it then subscribes to changes in their values. Any time a value changes, a task is scheduled on the DOM update queue. When the queue is processed, all updates run as a batch, updating precisely the aspects of the DOM that have changed. That's neat.
dudus 6y ago
At first glance it seems the fast-components are akin to material components and fast-foundation kinda reminds of angular cdk

Apples and oranges. A design system is a collection of components that fit a certain look-and-feel; it is not tied to the implementation so it can be implemented by React, Angular, or VueJS: https://www.fast.design/docs/integrations/introduction https://www.fast.design/docs/integrations/introduction

arsome 6y ago

My understanding is this is closer to something like Bootstrap but using Web Components (or material-ui if you want a react component set) than it is to React itself. You'd probably still want to use React or similar ontop of it, but in the future we might get much lighter libraries covering that side of things.

deleted 6y ago

[deleted]

sreekotay 6y ago

Appears to be a custom HTML elements (and some helper libraries) that you can plugin to vanilla, Vue, React, etc?

crooked-v 6y ago

Well, the focus on Web Components is good for cross-compatibility, but means not being able to do the full static analysis of components that you can do with JSX or equivalents.

moenarch 6y ago

That's FAST!

lucideer 6y ago

It doesn't. It's more comparable to something like Google Polymer[0] They can be used in conjunction with eachother[1][2], so I'd imagine the same/similar would be possible with Fast. [0] https://en.wikipedia.org/wiki/Polymer_(library) https://en.wikipedia.org/wiki/Polymer_(library) [1] https://www.digitalocean.com/community/tutorials/vuejs-vue-integrate-web-components https://www.digitalocean.com/community/tutorials/vuejs-vue-i... [2] https://github.com/jscissr/react-polymer#readme https://github.com/jscissr/react-polymer#readme

kutorio 6y ago
It reminds me more of https://material-ui.com/ https://material-ui.com/

bokchoi 6y ago

From this page: https://www.fast.design/docs/fast-element/observables-and-state https://www.fast.design/docs/fast-element/observables-and-st... > The arrow function bindings and directives used in templates allow the fast-element templating engine to intelligently react by only updating the parts of the DOM that actually change, with no need for a virtual DOM, VDOM diffing, or DOM reconciliation algorithms. This approach enables top-tier initial render time, industry-leading incremental DOM updates, and ultra-low memory allocation. > When a binding is used within a template, the underlying engine uses a technique to capture which properties are accessed in that expression. With the list of properties captured, it then subscribes to changes in their values. Any time a value changes, a task is scheduled on the DOM update queue. When the queue is processed, all updates run as a batch, updating precisely the aspects of the DOM that have changed. That's neat.

dudus 6y ago

At first glance it seems the fast-components are akin to material components and fast-foundation kinda reminds of angular cdk