Learn Lit and Web Components with Elliott Marquez

Elliott Marquez does I do Lit, web platform, and dev things at Google. He was kind enough to come on a TKYT session to teach me Lit and Web Components from scratch.

Fun fact: Elliott has been working with Web Component for a little bit over 7 years now 🤯

My mind was literally blown away by how Lit and Web Components work and I also watch as Elliott shows off his mastery of the Chrome DevTools.

In all this was an amazing session

LINKS 🔗
Elliott on Twitter

Lit's website

Lit's Discord

Lit's Tutorials

Lit counter demo

Lit styling demo

Vue + Lit demo

React + Lit demo

Lit comments with Firebase demo

STAY IN TOUCH 👋

QUESTIONS...?

#javascript #typescript #webcomponents #lit #webdevelopment #webservices #webservice #coding #programming #vim #vscode #softwareengineering #codinglife #webdesign #webdev #javascript #programmerhumor #codinghumor #software #softwareengineer #softwaredeveloper #softwaredevelopment

[Phoenix-gigu]

Great Video. Lit should definetly have a bigger Community on YouTube.

[rickymartin]

This was really helpful to get more details from the creator itself. Thanks alot elliot and kelvin for this woderful video.

[terrencemoore]

It feels like if I have to learn this much to use a component library, I might as well have used vue or svelte. Web components don't need all the syntactic sugar (or modules for that matter) that Lit adds. My favorite feature of web components is that its just javascript. How has your experience been using it since this video?

[BaisukPinto]

I'd like to know if we create lit project in vite, about routing should we use what? can we use Vaading router can you make some videos about routing in vite with lit

[nathanstanfordsr]

Is there a forum as I am totally stuck. I have copied example used chat gpt I can't get a working version. I want to get an simple example. I follow the list and I get an error.

[ellaa_nashwara]

This (the typescript API) looks so much like angular!