Web Unleashed 2023

2023-10-14 00:00:00 2023-10-17 00:00:00 America/Toronto Web Unleashed 2023 Join us in-person or online and drive your career to the forefront by learning the latest tools, techniques and technologies in front-end web development. Toronto & Online FITC ET Toronto & Online

Presentation

Slides
Solving Common Web Component Problems With Server Side Rendering

October 15 2023, 2:45 - 3:30pm ET Room: Day Two (In-person & Online)

Web Dev
Work Better

Overview

Web Components are excellent for building framework-agnostic reusable elements that must be shared publicly or reused across multiple projects. However, developers run into common issues, including the dreaded flash of un-styled content (FOUC) or Shadow DOM breaking native forms. In this talk, we’ll explore how to solve these issues by avoiding common Web Component pitfalls while server-side rendering Custom Elements to ensure that the client is delivered a responsive, accessible, and enhanceable interface.

Objective

To introduce developers to Web Components, but not in a starry-eyed way.

Five Things Audience Members Will Learn

  1. That the web platform has its own Component model.
  2. What are Web Components
  3. Situations when Web Components are useful
  4. Common problems you may run into with Web Components
  5. How to work around these problems

Target Audience

Web developers looking to reduce their dependency on heavyweight JavaScript frameworks.