How to use the many features Stencil.js provides to build native web components way more efficiently How to use Stencil.js to get a much easier development workflow How to use the Shadow DOM to scope your CSS styles to your custom elements How to emit your own custom events which you can listen to in JavaScript How to pass data into your own web components and use it there How to build web components of all complexities - from a simple tooltip to modals or side drawers How to build re-usable, lightweight custom HTML elements with native browser features In detail, in this course you will learn:
Whilst getting started is fairly easy, more complex components will be more difficult to create. Stencil.js is a tool that makes the creation of such native web components much easier by using modern features like TypeScript and JSX (don't know that? No worries, you'll learn it in the course!). In this course, you'll learn this from scratch.īut we won't stop there. Such custom elements don't replace Angular, React or Vue though - instead you can easily use them in ANY web project, including projects using such frameworks and libraries. Getting started with these features is a breeze and you'll quickly be able to build your own powerful and re-usable (even across projects!) custom HTML elements. Web Components are a combination of various specifications that are baked into the browser. Just with a magic, native-JavaScript feature called "Web Components" (or "custom HTML elements"). Without frameworks like Angular, libraries like React or expert JavaScript knowledge in general. What if you could build your own HTML tags? Let's face it: You got thousands of HTML tags to choose from but some really helpful ones (,,.
0 kommentar(er)
