DEV Community

Discussion on: Can web components UI use dynamic data from our backends DB as input?

Collapse
 
michaelwarren1106 profile image
Michael Warren

i’d choose lit personally. Stencil
has too much other stuff baked in that you don’t get much of a choice about. but that decision might depend on whether or not you want to export your component to pure web components or something like native comps.

the Lit community is exploding and has a lot of great folks (join the Lit and Friends slack if you haven’t already) always working to push the web platform to a better, faster and simpler place

Collapse
 
yamita profile image
Yamita • Edited

Thanks for commenting. When you said "native comps" do you mean...
OOP compositions? reactjs.org/docs/composition-vs-in...
or components? reactnative.dev/docs/intro-react-n...

I haven't learned react so I don't know what either means but just have to understand the word you mean so I can read up on the meaning and learn.

If I join the Lit community would you guys take me onboard as an apprentice? And is there like a shared Lit component website like this for react? Where I can download UI components that are pre made and tweak them to my needs rather than reinvent the wheel?

Component Library (I believe it's react components, could be wrong. Maybe it's web components): bit.dev/
What Bit is: harmony-docs.bit.dev/essentials/wh...

Also if I go with Lit, should I go with Lit elements or Lit HTML? Even the official docs is vague about the differences. I don't like that they have split it into two things.

Collapse
 
michaelwarren1106 profile image
Michael Warren

lit.dev has all the info, including the playground where you can play with Lit and see how components work with it. as far as joining the community anyone is welcome! there’s not any formal training or apprenticeship stuff, but anyone is encouraged to ask questions!

Thread Thread
 
yamita profile image
Yamita

Thanks I hope my questions are helpful to others. I'll read the Lit docs and more about stencil output targets before asking other stuf.

Dev.to is way nicer than stackoverflow, had some salty mod downvote my post there even though I'm just a beginner asking for guidance on where to start.

Collapse
 
michaelwarren1106 profile image
Michael Warren

i misspoke, i meant to say other output targets. Stencil can output more than web components but it’s gonna depend on your use case: stenciljs.com/docs/output-targets

Lit is the custom elements base class, lit-html is an included tool that helps with making HTML templates inside Lit element render functions. lit-html is the package that has html`` tagged template strings and other helpers for dealing with HTML as strings for use in web comps