Тёмный
No video :(

lit-element 

Jad Joubran
Подписаться 9 тыс.
Просмотров 4,8 тыс.
50% 1

Learn JavaScript 👉learnjavascrip...
React Tutorial 👉react-tutorial...
Learn Programming 👉 learnprogrammi...
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.

Опубликовано:

 

28 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 23   
@JadJoubran
@JadJoubran 4 года назад
Interested in learning JavaScript and/or React? Checkout my interactive online courses: - Learn JavaScript: learnjavascript.online (Contains a Web Components bonus chapter) - React Tutorial: react-tutorial.app
@nikamaisuradze8523
@nikamaisuradze8523 3 года назад
Quick and useful video, I haven't seen tutorial well done like this quite a while, thank you for not wasting time.
@chris93r
@chris93r 5 лет назад
Love your web component videos! I am looking forward to the example app from scratch!
@segfaultii
@segfaultii 5 лет назад
Your videos are direct to the point and waste no time, thanks man. I worked through them and understood it all, so so cool!
@JadJoubran
@JadJoubran 5 лет назад
Awesome 😀
@GertCuykens
@GertCuykens 5 лет назад
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.
@theuniverse685
@theuniverse685 4 года назад
What a great video! Will you post the next video on how to build an app using Web Components? Excellent work!
@nicolasfilzi9278
@nicolasfilzi9278 5 лет назад
Can't wait to see how you're putting everything together!
@JadJoubran
@JadJoubran 5 лет назад
Awesome :D
@rahulkrishna631
@rahulkrishna631 2 года назад
Hi do you have any video regarding for open web components testing?
@aleksandrmatyka3118
@aleksandrmatyka3118 3 года назад
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?
@shhedge
@shhedge 2 года назад
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: 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 :(
@JadJoubran
@JadJoubran 2 года назад
Yes that should be possible, I'd say it's definitely easier with Lit than raw web components. Use the GitHub community to post a minimal reproduction and I'll take a look!
@JadJoubran
@JadJoubran 2 года назад
If you haven't joined the GitHub discussions you can do so by clicking on PRO
@CharlyMARTIN1
@CharlyMARTIN1 5 лет назад
Great stuff Jad! I'm gonna give this a try now 🙂
@JadJoubran
@JadJoubran 5 лет назад
Awesome! It's probably easier to use PWA starter kit (github.com/Polymer/pwa-starter-kit) which has a setup for lit-element. It also comes with redux which I've removed
@CharlyMARTIN1
@CharlyMARTIN1 5 лет назад
Thanks for that Jad, it looks great. Keep it up buddy 🙂
@codersujeet
@codersujeet 4 года назад
I am able to create Lit-Element but it is not working in IE 11
@sambin3782
@sambin3782 4 года назад
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.
@JadJoubran
@JadJoubran 4 года назад
Hey! the polymer CLI has a `build` command that you can run and it builds for production (supports multiple build types - polymer-library.polymer-project.org/3.0/docs/apps/build-for-production)
@sambin3782
@sambin3782 4 года назад
@@JadJoubran Thank you so much!
@marciandmnd
@marciandmnd 5 лет назад
1st!
@H0LDENSUX
@H0LDENSUX 4 года назад
You lost me in less than 1 minute into the video.
Далее
Modern Lit tutorial
27:05
Просмотров 13 тыс.
Learn programming faster: make these mistakes.
9:46
Просмотров 3,4 тыс.
The Fan’s Fang Skin🔥 | Brawl Stars Sneak Peek
00:16
New Dyna Skin is OP🥵🔥 | Brawl Stars
00:16
Просмотров 375 тыс.
How to build your first Lit component
11:59
Просмотров 35 тыс.
How to build a basic Web Component with Lit Element
11:34
Lit styles
11:14
Просмотров 841
The dialog element is awesome!
8:12
Просмотров 1,1 тыс.
Lit 3.0 Launch Event
1:30:07
Просмотров 13 тыс.
Polymer 3: Upgrading to LitElement 0.6.0
6:40
Просмотров 1 тыс.
Why do we use module bundlers to serve our projects?
8:56
The Fan’s Fang Skin🔥 | Brawl Stars Sneak Peek
00:16