Talk

Web Component Design – Maintaining and Reusing Your Frontend

Developing maintainable web frontends is difficult, but it can become easier if we take a step away from the huge JavaScript frameworks that overwhelm us and go back to the basics: small, composable components.

This talk will use an example web component to illustrate the approach that we can take to design better components. Technical details will be briefly mentioned, but the focus is on design principles which can be applied to any component. Instead of trying to apply things like accessibility and progressive enhancement as an afterthought, we can use them as building blocks to create simpler components. With a little care, we can avoid a lot of pitfalls that will otherwise make our life miserable and write code that we can easily reuse instead of having to rewrite functionality in every new project.

We‘d love to show you a YouTube video right here. To do that, we need your consent to load third party content from youtube.com
Date
2020-02-12
Time
18:30 - 19:30
Conference / Event
München .NET Meetup Februar 2020
Venue
INNOQ München, Kreuzstraße 16, München
  • Slide 1
    1/95
  • Slide 2
    2/95
  • Slide 3
    3/95
  • Slide 4
    4/95
  • Slide 5
    5/95
  • Slide 6
    6/95
  • Slide 7
    7/95
  • Slide 8
    8/95
  • Slide 9
    9/95
  • Slide 10
    10/95
  • Slide 11
    11/95
  • Slide 12
    12/95
  • Slide 13
    13/95
  • Slide 14
    14/95
  • Slide 15
    15/95
  • Slide 16
    16/95
  • Slide 17
    17/95
  • Slide 18
    18/95
  • Slide 19
    19/95
  • Slide 20
    20/95
  • Slide 21
    21/95
  • Slide 22
    22/95
  • Slide 23
    23/95
  • Slide 24
    24/95
  • Slide 25
    25/95
  • Slide 26
    26/95
  • Slide 27
    27/95
  • Slide 28
    28/95
  • Slide 29
    29/95
  • Slide 30
    30/95
  • Slide 31
    31/95
  • Slide 32
    32/95
  • Slide 33
    33/95
  • Slide 34
    34/95
  • Slide 35
    35/95
  • Slide 36
    36/95
  • Slide 37
    37/95
  • Slide 38
    38/95
  • Slide 39
    39/95
  • Slide 40
    40/95
  • Slide 41
    41/95
  • Slide 42
    42/95
  • Slide 43
    43/95
  • Slide 44
    44/95
  • Slide 45
    45/95
  • Slide 46
    46/95
  • Slide 47
    47/95
  • Slide 48
    48/95
  • Slide 49
    49/95
  • Slide 50
    50/95
  • Slide 51
    51/95
  • Slide 52
    52/95
  • Slide 53
    53/95
  • Slide 54
    54/95
  • Slide 55
    55/95
  • Slide 56
    56/95
  • Slide 57
    57/95
  • Slide 58
    58/95
  • Slide 59
    59/95
  • Slide 60
    60/95
  • Slide 61
    61/95
  • Slide 62
    62/95
  • Slide 63
    63/95
  • Slide 64
    64/95
  • Slide 65
    65/95
  • Slide 66
    66/95
  • Slide 67
    67/95
  • Slide 68
    68/95
  • Slide 69
    69/95
  • Slide 70
    70/95
  • Slide 71
    71/95
  • Slide 72
    72/95
  • Slide 73
    73/95
  • Slide 74
    74/95
  • Slide 75
    75/95
  • Slide 76
    76/95
  • Slide 77
    77/95
  • Slide 78
    78/95
  • Slide 79
    79/95
  • Slide 80
    80/95
  • Slide 81
    81/95
  • Slide 82
    82/95
  • Slide 83
    83/95
  • Slide 84
    84/95
  • Slide 85
    85/95
  • Slide 86
    86/95
  • Slide 87
    87/95
  • Slide 88
    88/95
  • Slide 89
    89/95
  • Slide 90
    90/95
  • Slide 91
    91/95
  • Slide 92
    92/95
  • Slide 93
    93/95
  • Slide 94
    94/95
  • Slide 95
    95/95

Swipe for more

Scroll or use your arrow keys for more

Scroll for more

Use your arrow keys for more

 Download Slides

TAGS