lit-element

After taking a look at Web Components and lit-html, in this video we'll learn about the additional features that lit-element brings to the table and how it makes it easier to use web components with lit-html.

[JadJoubran]

Interested in learning JavaScript and/or React? Checkout my interactive online courses:

[nikamaisuradze]

Quick and useful video, I haven't seen tutorial well done like this quite a while, thank you for not wasting time.

[chrisr]

Love your web component videos! I am looking forward to the example app from scratch!

[segfaultii]

Your videos are direct to the point and waste no time, thanks man. I worked through them and understood it all, so so cool!

[rahulkrishna]

Hi do you have any video regarding for open web components testing?

[aleksandrmatyka]

Can you please tell me how to use the decorator syntax, the property property in conjunction with the redax?
I want use @property({type: Array}) stages instead of
static get properties() {
return {
stages: {type: Array}
}
but this property defined in _stateChanged(state) {
this. = state.reducer.stages
}
so it posible?

[nicolasfilzi]

Can't wait to see how you're putting everything together!

[theuniverse]

What a great video! Will you post the next video on how to build an app using Web Components?
Excellent work!

[sambin]

Hey, could you please tell that how a lit-element component is used in production with nodeJS. Currently, the component runs via polymer serve on a localhost. How to build it and use it on a nodeJS app. Like in react, we just had to put in the cdn of react in the view, and it started working.

[shhedge]

Hey Jad,
very nice videos! I did you JS course and really liked it.
I was wondering if it is possible to create an WebComponent with an asnyc call feeded by an attribute.
For example a weather card which is fetching the temperature from a city which is delivered by an attribute:

<weather-card city="köln"> </weather-card>

Every time the attribute changes, it should do a new fetch to the API and rerender the component. I didn't get it to work :(

[codersujeet]

I am able to create Lit-Element but it is not working in IE 11

[GertCuykens]

Polymer was way to much sugar, lit-element is like the diet version of polymer but in the end HTMLElement is all you need with some extra template tags from lit-html. I admit lit-element can prevent to write bad HTMLElements from scratch. But I think once you get used to writing them from scratch, I don't think you want does lit-element side wheels anymore on your HTMLElement bicycle.

[CharlyMARTIN]

Great stuff Jad! I'm gonna give this a try now 🙂

[HLDENSUX]

You lost me in less than 1 minute into the video.