How to Create a Styled Table with Web Components - JavaScript Tutorial
Вставка
- Опубліковано 19 гру 2023
- In today's video, we'll be creating a styled HTML table but make it reusable in the form of a web component. You can then use JavaScript to easily update the table data as you require.
🏫 My Udemy Courses - www.udemy.com/user/domenic-co...
🎨 Download my VS Code theme - marketplace.visualstudio.com/...
💜 Join my Discord Server - / discord
🐦 Find me on Twitter - / dcodeyt
💸 Support me on Patreon - / dcode
📰 Follow me on DEV Community - dev.to/dcodeyt
📹 Join this channel to get access to perks - / @dcode-software
If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
#dcode #javascript #webdevelopment
This baffled me for a long time.... you explained it so simply and logically. Thank you for making this content.
Great content as always; short, sharp and informative. I like how you don't dwell too long on details that are simply adjacent to the main point (like you didn't dwell on the CSS here, which wasn't the point of the video).
Wow, mind blown! Great content Dom! I seem to be saying that a lot. Who needs a front-end framework? It’s really amazing what can be done using web components and a little imagination. Thank you for the inspiration!!
Awesome. Thank you. Yeah absolutely if you use web components effectively then you sure can get a lot done.
But we do need framework for routing and state management, right?
Wow, you have been on a roll lately with some great informative work!
Hi Dom, this video very helpful. Thank you!
It is good video! Thank you!
It would be very interesting to know how to output data depending on the selected columns and their order in the "data-headers" attribute.
Your videos are soo awesome. Why don't you try combining everything you've thought us into one big project. That would be nice
👀
hello dom.. if i want to make the component center, i need to apply margin to the :host?
Hey, if you want to position a component in the center of something, I recommend using the container of that component to center it. For example, you can use a flex box on the parent to center the child elements (your component). I've got a video on centering things if you're interested:
ua-cam.com/video/275SkFZxM04/v-deo.html
Hey Dom! Can you show how to stream data on "infinite scroll" for big tables? Thanks!
Good idea. I can do that
Will this native component feature replace react?
I wouldn't say so, no. But who knows what the future holds
Hey man, content is great 🎉
I'm following you since long time, more than 1 and half years.
This channel is absolutely great for beginners learning web development, some complex topics in kinda vanilla things
I'm wondering why you didn't still posted anything on React or NextJs, there are so many things going around Javascript ecosystems?
Awesome thanks for following for so long! I've got some React content lined up for 2024. This channel has been focused on vanilla JavaScript for so long so it'll be a bit of a change up but I'm hoping to reach more people with it!
Web components are great for progressive enhancement.
If javascript doesn't load, you still have basic html.
They're not so easy to render on the server for now unfortunately.
you interested with svelte/sveltekit?
Hey. Yeah a little bit - I've got a series on Svelte.
@@dcode-software waiting for your svelte content!!
You can find it on my channel 🙂
More of these web components videos, please 🥹🍻
Good alternative of her good mornings🥲