Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

FicusJS

docs.ficusjs.org

Post reply on HN
Print view View original

11–20 of 66 posts

Re: FicusJS

#11

Post by azangru »

Sn0wCoder wrote: post #2

Hi All, I use Angular 6 – 10 at work every day @day$job and have used Vue.js for some side projects / school related. Long story short have been looking into standard web components for my next side project and FicusJS seems to check all the boxes. Problem is there is almost no information about FicusJS other than what I can find linked off https://webcomponents.dev/new/ The other ones in the running are GitHub/Catal…

> Long story short have been looking into standard web components for my next side project and FicusJS seems to check all the boxes.

Could you please list the boxes that you were ticking?

For example, how many boxes would the following tick:

    - Preact with htm (tiny, looks very similar to ficus) [0]
    - LitElement (tiny, very close to native web components) [1]
    - Svelte (the darling of many since recently) [2]
[0] - https://github.com/developit/htm

[1] - https://lit-element.polymer-project.org/

[2] - https://svelte.dev/

Re: FicusJS

#13

Post by azangru »

Sn0wCoder wrote: post #2

Hi All, I use Angular 6 – 10 at work every day @day$job and have used Vue.js for some side projects / school related. Long story short have been looking into standard web components for my next side project and FicusJS seems to check all the boxes. Problem is there is almost no information about FicusJS other than what I can find linked off https://webcomponents.dev/new/ The other ones in the running are GitHub/Catal…

> I think I want to stay away from build tools until I can’t

No typescript then, eh?

Re: FicusJS

#14

Post by crazypython »

shuringai wrote: post #10
eat_veggies wrote: post #5

Initial impressions: Looks like a relatively new project -- only 59 commits, all by one person, starting from last September. And based on a GitHub search for "ficusjs," it seems that no other projects mention it. It's only a bit over a thousand lines of code, and based on a cursory glance, the code is in pretty good shape. It should be able to fit entirely in your head, and for a lightweight framework, that's a good…

and what is the problem with that? "Single guy made a good looking and so far working product in only 59 commits since september" is a different way to present the same facts.

Minimalist web frameworks are better in my opinion. Less code that can break, less friction between you and DOM.

Re: FicusJS

#15

Post by spankalee »

colordrops wrote: post #6
Sn0wCoder wrote: post #2

Hi All, I use Angular 6 – 10 at work every day @day$job and have used Vue.js for some side projects / school related. Long story short have been looking into standard web components for my next side project and FicusJS seems to check all the boxes. Problem is there is almost no information about FicusJS other than what I can find linked off https://webcomponents.dev/new/ The other ones in the running are GitHub/Catal…

The x-element library published by Netflix [1] takes the best features of other web components libraries like Polymer and LitElement, and focuses on a standards based approach, e.g. es6 module loading at runtime, which is done intentionally to avoid a build step. https://github.com/Netflix/x-element

There's a chance Netflix will port to x-element to be an extension of LitElement: https://github.com/Netflix/x-element/issues/53

Re: FicusJS

#16

Post by tomcam »

shuringai wrote: post #10
eat_veggies wrote: post #5

Initial impressions: Looks like a relatively new project -- only 59 commits, all by one person, starting from last September. And based on a GitHub search for "ficusjs," it seems that no other projects mention it. It's only a bit over a thousand lines of code, and based on a cursory glance, the code is in pretty good shape. It should be able to fit entirely in your head, and for a lightweight framework, that's a good…

and what is the problem with that? "Single guy made a good looking and so far working product in only 59 commits since september" is a different way to present the same facts.

Did GP say there was a problem?

Re: FicusJS

#17

Post by Sn0wCoder »

azangru wrote: post #11
Sn0wCoder wrote: post #2

Hi All, I use Angular 6 – 10 at work every day @day$job and have used Vue.js for some side projects / school related. Long story short have been looking into standard web components for my next side project and FicusJS seems to check all the boxes. Problem is there is almost no information about FicusJS other than what I can find linked off https://webcomponents.dev/new/ The other ones in the running are GitHub/Catal…

> Long story short have been looking into standard web components for my next side project and FicusJS seems to check all the boxes. Could you please list the boxes that you were ticking? For example, how many boxes would the following tick: - Preact with htm (tiny, looks very similar to ficus) [0] - LitElement (tiny, very close to native web components) [1] - Svelte (the darling of many since recently) [2] [0] - htt…

- Great question. The main thing I was looking for was going build-less and the section of Ficus docs kinda sold me on the idea. Seems we still need to use a dev-server to allow native imports like

  - https://modern-web.dev/docs/dev-server/overview/
     - Which would allow testing and builds (if go that route)
  - Seems that you can use any renderer (uhtml, lit-html,htm, Preact), so what-ever I learn will be useable outside the Ficus eco-system
  - Event Bus:  Use this model in another project and worked well.
  - Stores: not sold on the whole redux pattern, but want to learn abit more about global stores to update components
  - Was in analysis paralysis before finding Ficus and the more I learned the more confused on what I should try next.
  - Mostly needed to make a decision as I want to dabble with Web-Components but seems starting from scratch is too low level so pick something just a tad higher than that.
Thanks for helping me understand my own decision.

Re: FicusJS

#18

Post by Sn0wCoder »

colordrops wrote: post #6
Sn0wCoder wrote: post #2

Hi All, I use Angular 6 – 10 at work every day @day$job and have used Vue.js for some side projects / school related. Long story short have been looking into standard web components for my next side project and FicusJS seems to check all the boxes. Problem is there is almost no information about FicusJS other than what I can find linked off https://webcomponents.dev/new/ The other ones in the running are GitHub/Catal…

The x-element library published by Netflix [1] takes the best features of other web components libraries like Polymer and LitElement, and focuses on a standards based approach, e.g. es6 module loading at runtime, which is done intentionally to avoid a build step. https://github.com/Netflix/x-element

Thanks, going to read-up on x-element.

Re: FicusJS

#19

Post by spankalee »

Sn0wCoder wrote: post #17
azangru wrote: post #11

Earlier quoted context omitted.

> Long story short have been looking into standard web components for my next side project and FicusJS seems to check all the boxes. Could you please list the boxes that you were ticking? For example, how many boxes would the following tick: - Preact with htm (tiny, looks very similar to ficus) [0] - LitElement (tiny, very close to native web components) [1] - Svelte (the darling of many since recently) [2] [0] - htt…

- Great question. The main thing I was looking for was going build-less and the section of Ficus docs kinda sold me on the idea. Seems we still need to use a dev-server to allow native imports like - https://modern-web.dev/docs/dev-server/overview/ - Which would allow testing and builds (if go that route) - Seems that you can use any renderer (uhtml, lit-html,htm, Preact), so what-ever I learn will be useable outside…

I work on LitElement and if you want to use it buildless you can do so with the JavaScript reactive properties API (so you don't need TypeScript or Babel decorators to declare properties) and Chrome 89's support for import maps.

Generally, I think an import specifier rewriting dev server like Web Dev Server is the way to go since it'll work with so many other libraries out there.

Re: FicusJS

#20

Post by chrisweekly »

Sn0wCoder wrote: post #2

Hi All, I use Angular 6 – 10 at work every day @day$job and have used Vue.js for some side projects / school related. Long story short have been looking into standard web components for my next side project and FicusJS seems to check all the boxes. Problem is there is almost no information about FicusJS other than what I can find linked off https://webcomponents.dev/new/ The other ones in the running are GitHub/Catal…

Stencil is the real deal. /$.02

Edit: ... if you're getting serious about standard web components per se.

Post reply on HN