Talk | 
Web Developer Conference 2020
 | 14.10.2020

Das Frontend-Experiment: Tausche Framework gegen Web Components

Aktuell sind Frameworks wie Angular oder React das Mittel der Wahl für webbasierte Frontends, doch das könnte sich in Zukunft ändern. Christian Liebel von Thinktecture wagt den Blick über den Tellerrand: Mit Web Components bekommt das Web derzeit ein Komponentenmodell, das kontinuierlich weiterentwickelt wird. Die heute bekannten Frameworks könnten damit in Zukunft weniger attraktiv werden. Anhand eines Experiments wird gezeigt, ob Frontends mit Web Components schon heute komplett ohne Framework aufgezogen werden können und ob das für die heute typische App-Entwicklung reichen könnte.

Christian Liebel ist Consultant bei Thinktecture. Sein Fokus liegt auf Webstandards und Progressive Web Apps. Er vertritt Thinktecture beim W3C.

Event

Web Developer Conference 2020
12.10.20  
- 15.10.20 
@ Hamburg
 (DE)
Web-Developer-Conference-21

Links & Materialien

Mehr Beiträge zu Web Components

Event

Web Developer Conference 2020
12.10.20  
- 15.10.20 
@ Hamburg
 (DE)
Mehr Beiträge zu Web Components

Aufzeichnung

No data was found

Weitere Artikel zu Web Components

Angular
MS-rund

Implementing Smart and Presentational Components with Angular: Condensed Angular Experiences – Part 4

In this article, we will explore how to apply the concept of smart and presentational components with Angular. We will choose a complex-enough target to see all aspects in action, yet understandable and within the scope of this article. The goal is to teach you how to use this architecture in your way. For that, we will iterate through different development stages, starting with the target selection and implementing it in a naive way. After the first development, we will refactor that naive solution into smart and presentational components that are reusable, refactor-friendly, and testable.
23.01.2023
Web Components
SL-rund

Master Web Component Forms Integration – with Lit and Angular

When a company has cross-framework teams, it is a good choice to use Web Components to build a unified and framework-independent component library. However, some pitfalls are to consider when integrating these components into web forms. Therefore, for a better understanding, we will look at two possible approaches and try to integrate them into an Angular form as an example.

Notice: All code samples are available on Github!
09.06.2022
Angular
MS-rund

About Smart and Presentational Components, Architecture Overview & Concepts: Condensed Angular Experiences – Part 3

Modern web technologies enable us to write huge business applications that are performant and easy to use. But with time comes complexity to our projects naturally. That added complexity sums up and makes further app development slow and cumbersome. This article discusses how a simple architectural concept can make every app more maintainable, faster to develop, and extendable in the long run.
08.04.2022
Project Fugu
cl-neu

Copy & Paste Images – Real-World PWA: The Making Of Paint.Js.Org – Part 3

In part three of the series about the making of the web-based Microsoft Paint clone paint.js.org, I want to show how you can copy drawings from the Paint clone to other applications and paste them back.
27.04.2021
Web Components
favicon

Stencil – Web Components On Steroids

In this article, we are exploring the framework Stencil from Ionic. Stencil is a Web Components compiler helping to create custom Web Components libraries that are usable in any web application.
06.10.2020
Web Components
yb

Deep Dive: Web Components & Dependency Injection – The Experiment

When developing Web Components you will ask yourself at some point, where to actually get the data and configuration from. If you are used to frameworks like Angular, you know that you can inject services and configurations. Web Components rely on HTML attributes, JavaScript properties and `CustomEvent` for input/outputs. But, what if we use that, to build our own dependency injection to share along with services and configuration? In this deep dive, we are going to experiment and not only see if it is possible but also if it makes sense.
18.09.2020

Unsere Webinare

Unsere Artikel

Mehr über uns