Видео

thank you so much!!!

Using Web Workers, but the main thread still lags and makes the browser UI unusable, is there a solution to this?

Good points 👍🏻

This was AMAZING, thanks a ton for creating such a wonderful guide! I know its been a while, but please consider creating the follow-up video, or at least something with 2 way data binding and a render loop :)

what are some alternatives to this? for example send data request to update page on different clients on the same network?

I know this video is 3 years old by now, but I recently discovered the beauty of Web Components. I also have just come from a workplace where I did a lot of legacy Frontend patch work with a confused code, multiple layers that overrode each other, bad file arrangement from the CSS to the HTML and JS, and during this work I came to the conclusion that there must be a better, more consistent and reusable way to do things. I didn't know that developers for the past 5 - 10 years have been trying to sort out this problem, but I realized as I called it to componentize the work. After some digging into the information, I discovered the Web Components. Hopefully someone will find this comment helpful. You mentioned that there are only 2 ways to code style and content to the web component. There are more ways, and I took a while to realize that they all do the same thing, but I can't comment on performance, I think that I read from a web component developer's blog, who also works at Google on the helping with the standard, that Template was the most performant since only one template is initialized and reused by the DOM whereas the others would lead to rebuilding everything from scratch again. But if building from templates is the right thing to do, it's not recommended to put the template in the pages of the html files, while they are not rendered and ignored, it does lead to bloat AND we can't always know when and what to query to get the template. So, it is suggested to use the createElement("template") and use the innerHTML property to populate the code, and can conceivably do the same for the stylesheet. This code can be put in the same folder directory as the component and called like webcomponent_template.js, then just export and import into the webcomponent file. Then we can just clone the node with template.content.cloneNode(true) in the constructor or connectedCallback. However, keep in mind that if the shadow DOM is only established in the connectedCallback, the attributeChangedCallback is fired before the connected, so any attributes will not have been set up and get undefined, neither will any nodes have been set up so all functionalities will have to wait until the custom component is rendered and completed.

Thanks for this video a lot!

Web Workers + WebAssembly + Web Components seems like a future of web dev.

Can it work even on different browsers

Extremely helpful video, but source code is hopelessly outdated, being a web project and 2 years old.

Wow so Great

can you suggest a resource for me, I mastered js fundamentals including dom and stuff, but now I'm coding a messenger app (with PHP in the back), and I find doing ajax, and using divs and HTML + DOM practically impossible (I'm thinking something like components would be necessary), so do you think I need to take another course in js (intermediate js or sth), or is it time for me to pick a framework and dive into it? (your insight is crucial at this moment for me)

This saved my life in 2022

It's a good video and has correct information, but what you said supplies to backend too (with the only exception of the front-end testing tool) A more precise title will be the "Introduction to DevOps". I was really interested on dive deep on what's different for front-end

Don't care about the views Your channel is a diamond. Not everyone has an eye to recognize a diamond

I love this! An advanced technical topic presented in a way that is easy to grok - and with enough details to understand where to go to learn more. We want more ☺

Awesome video, thanks! In regards to testing though, doesn’t react testing library advocate for testing as a user would use your app and not using implementation details such as a function that could possibly, although not likely on a click handler, change at some point?

Really cool, when will we get the actions to deploy to firebase?

I have added debug in onMessage method in tab1 and send multiple messages from other tab but onMessage of tab1 called only once. Does broadcast channel discards other message?

Really helpful video, thanks. Which particular Git workflow do you recommend?

Gain some new tips handling VS Code with this tutorial, thank you.

Wow, this is amazing

Hi there, I'm looking at trying to get the angular library compiled at a different version then the project implementing it. Since it's compatible with different frameworks this should be possible right? Could you show us how to go about compiling an angular project as web-components? simply running ng build command seems to simply compile it normally for modular system which includes a peerDependency checker forcing us to match angular versions.

Can you please explain how can I import the framework to a project?

This is great! Looking forward to see the next features of the framework!

very helpful keep going.

Please make more video. Don't care about tge views. You are doing a great job.

Amazing talk! There are so many great tips here that I might have to watch this more than once to catch them all.

How come this channel has only 340 subs? ☹ cleared so many things which I was lacking ❤

Does raw-loader minify html and css? If not how can we minify them before putting them into the shadow DOM?

This content is much more impressive than many hours long courses. Thank you, you've been subscribed.

Hi, I've seen a lot of video about web component, I've been developing for some time with React, but I've been discouraged from using these tools, it turns out that abstraction with framework, we stopped learning more about the link, and also many times to use simple things we have to take a walk. You really can use Web Component .....

Great video. Rely present my choice for moving to Norway and not USA.

Good video... but wait when all of that starts changing when you get more and more (muslim) migrants...

One feedback very nice video editing, top quality the visuals sounds all were very good. 👍

Wow very happy to hear this May Norway prosper very happy for its beautiful people . Good wishes from India 👍.

Tak! Did not know about the ⌘enter trick to create a new line from any cursor position!

Nice .. Keep upload this kind of videos

Great video, thank you!

A little bit hard to follow

Thank you very much, this video was a great help!

Didn't even skip a bit in this video. Why don't you make a full video on deploying small JS app through devops process.

Such a Beautiful video you made man. Changed my perspective on frameworks. Please post more videos.

superb...................thanks a lot...

Thanks! Learned at lot today 🙂

Brilliant! But next time please slow down as I had to rewind quite a lot of times to check some of the tips as they went too fast.

I have been considering learning React, but have had this nagging voice in my head whispering, "Learn web components instead... frameworks come and go... web components are a browser standard..." This video helped seal the deal for me.

Create more videos like this. Awesome 👌 Thanks 😊

Very good content! Specially your explanation style -> very clear, focused and information rich. Looking forward to more!

"Micro services" adds some complexity is an understatement. Why would you say that the micro services is the best choice? And why does it matter for the front-end, especially if the performance is good?