Lompat menuju konten

Web Components

Membuat & memakai web components.

Web Components Experience & Sentiment

While Web Components have their adepts, they remain a contested technology. Web Components features had an average of 7% of negative opinions, versus 4% for all other features combined.

Kelompokkan berdasarkan:

Urutkan berdasarkan:

1

50.9%
34.4%
13.9%
4,045
2

45.6%
29.8%
24.1%
4,051
3

41.7%
38.4%
19.4%
4,034
4

34.5%
44.8%
20.1%
4,017
5

29.6%
30.6%
39.2%
4,002

Pengalaman

  • <span aria-hidden="true">🤓</span> Sudah pakai: Responden yang sudah pakai.
  • <span aria-hidden="true">👀</span> Pernah dengar: Responden yang sudah dengar, tetapi belum pernah pakai.
  • <span aria-hidden="true">🤷</span> Belum pernah dengar: Responden yang belum pernah dengar.

Sentimen

  • Positif: Responden yang tertarik untuk belajar tentang sebuah teknologi; atau yang ingin menggunakannya lagi.
  • Netral: Responden yang tidak memiliki sentimen akan sebuah teknologi.
  • Negatif: Responden yang tidak tertarik untuk belajar tentang sebuah teknologi; atau yang sudah pernah pakai dan memiliki pengalaman negatif.
Yang manakah dari fitur-fitur web component berikut yang pernah anda gunakan?

Pustaka Web Components

Svelte may not be known as a web components library, but it turns out that it works quite well with them – unlike React, which appears far lower down in the rankings.

0%
10%
21%
31%
41%
52%
1

829
2

789
3

337
4

335
5

320
6

301
7

211
8

73
9

58
10

49
0%
10%
21%
31%
41%
52%
% dari pertanyaan responden
Pernahkah anda menggunakan pustaka Web Components?

Titik sakit menggunakan Web Components

The difficulty of styling and customizing web components remains the top obstacle to using them more broadly. Another barrier to entry is how hard it is to integrate them with JavaScript frontend libraries.

0%
15%
30%
46%
61%
76%
1

Styling & customization

2

Shadow DOM issues

3

SSR

4

React compatibility

5

Accessibility

6

Browser support

7

Reliance on JavaScript

8

Competition from frameworks

9

Framework compatibility

10

Excessive complexity

11

Lainnya

Jawaban yang cocok dengan “Lainnya” 404
0%
15%
30%
46%
61%
76%
% dari pertanyaan responden
Apa saja titik sakit terbesar anda dalam menggunakan web components?
(Pertanyaan bebas)

Titik sakit membuat Web Components

Despite its cool name, Shadow DOM continues to frustrate web component makers, with many throwing up their hands at the excessive complexity of the whole process.

0%
17%
33%
50%
66%
83%
1

Shadow DOM issues

2

Styling & customization

3

Excessive complexity

4

Excessive boilerplate

5

Browser support

6

Excessive verbosity

7

Imperative APIs

8

Accessibility

9

SSR

10

Templating

0%
17%
33%
50%
66%
83%
% dari pertanyaan responden
Apa saja titik sakit terbesar anda dalam membuat web components?
(Pertanyaan bebas)

Rekomendasi Sumber

Web Components
Dave Rupert
Paravel

Web Components

Learn where to find excellent Web Components to build web apps. You’ll also learn how to create your own custom components using JavaScript and libraries like Lit that will help you make them faster!
Terima kasih kepada semua Mitra yang telah mendukung Kami! Pelajari lebih lanjut.