Web Component Properties and Attributes

  Рет қаралды 8,009

Steve Griffith - Prof3ssorSt3v3

Steve Griffith - Prof3ssorSt3v3

Күн бұрын

Пікірлер: 13
@SonnyDarvish
@SonnyDarvish 4 ай бұрын
Thanks for all of these tutorials. I'm going through all of them as I build our design system with WC. One feedback for your production, try to isolate the microphone from the desk and the keyboard. Any high quality headphones are going to be quite bassy.
@n_fan329
@n_fan329 Жыл бұрын
Hi Professor, on 10:51 & line 69 i tried p.classList.add('character') and it works, my question is : when you are using p.className is it the same we 're using JSX within React components ? even though in this block of code its plain JS , Would u please explain ...bit confused in here ?
@SteveGriffith-Prof3ssorSt3v3
@SteveGriffith-Prof3ssorSt3v3 Жыл бұрын
React components are not the same as custom web components. p.className is just a basic JS property for targetting the name of the CSS class.
@srinivasaraoyp3640
@srinivasaraoyp3640 2 жыл бұрын
Hi Steve wish you happy new year. I always find your video demos very interesting.
@nro337
@nro337 2 жыл бұрын
Happy New Year! Thanks for the video
@AyushJaiswal-t9m
@AyushJaiswal-t9m 5 ай бұрын
Hi, can we pass object as attribute in web components
@SteveGriffith-Prof3ssorSt3v3
@SteveGriffith-Prof3ssorSt3v3 5 ай бұрын
If you mean through the attributes in the HTML, then no. Only strings can go through HTML attributes.
@AyushJaiswal-t9m
@AyushJaiswal-t9m 5 ай бұрын
@@SteveGriffith-Prof3ssorSt3v3 one way I can do is by serialization through Json.stringyfy and later I parse it but I don't know how framework like Vue or library like Lit does that
@ofeenee
@ofeenee Жыл бұрын
Happy new year’s!! ❤🎉
@aram5642
@aram5642 Жыл бұрын
Would be cool to see a video about exporting and consuming such a webcomponent in a framework, esp when it comes to I/O
@SteveGriffith-Prof3ssorSt3v3
@SteveGriffith-Prof3ssorSt3v3 Жыл бұрын
This is part of a playlist with lots of other info about web components - kzbin.info/aero/PLyuRouwmQCjnENQk6NJlckZRXOfQP0x5B
@bennettsunder7376
@bennettsunder7376 Ай бұрын
cute doggy
@shahinza
@shahinza 2 жыл бұрын
Thank you!
Custom Web Component Behaviours and Events
23:25
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 8 М.
Web Component Styling  - What you need to know
17:09
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 10 М.
How Strong Is Tape?
00:24
Stokes Twins
Рет қаралды 96 МЛН
Sigma Kid Mistake #funny #sigma
00:17
CRAZY GREAPA
Рет қаралды 30 МЛН
小丑女COCO的审判。#天使 #小丑 #超人不会飞
00:53
超人不会飞
Рет қаралды 16 МЛН
HTML Attributes versus Properties in JavaScript
7:54
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 3,8 М.
Revealing the Differences between HTML Dialogs and the Popover API
24:14
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 9 М.
Can you build a web app with vanilla Web Components in 2024?!?
30:16
HTMX: 3 IRL Use Cases
18:33
ThePrimeTime
Рет қаралды 125 М.
Custom Events Dispatched from Web Components
20:32
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 2,6 М.
Checking for the Existence of JavaScript Variables
9:08
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 3,5 М.
Introduction to Building Custom Web Components
13:02
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 33 М.
CSS Anchor Is The Best New CSS Feature Since Flexbox
15:39
Web Dev Simplified
Рет қаралды 378 М.
Web Components Crash Course
28:54
Traversy Media
Рет қаралды 257 М.
How to Use the New JS Object GroupBy Method
18:17
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 4 М.
How Strong Is Tape?
00:24
Stokes Twins
Рет қаралды 96 МЛН