Frontend>Chat

Web components in 2020

kokolegorille

kokolegorille

Web components in 2020

Hello everyone,

Does anybody uses Web Components in 2020? It’s quite old, but recently it seems to have some kind of revival.

I have been toying around lately, and made a wasm web component with Rust.

It is not meant to be a framework replacement, but can work with any… For fun I also made a Web Component in React.

The main advantage is it’s portability. After all, it’s just an html tag, but powered by anything under the hood.

Thanks for taking time…

4 comments
#web-components
15 1152 4

Most Liked

web-padawan

web-padawan

Hi! There are lots of examples of using web components in 2020, including component libraries by Microsoft, IBM, Salesforce, SAP and more.

If you are interested, check out this collection of web components resources: https://github.com/mateusortiz/webcomponents-the-right-way

4
Post #4
dimitarvp

dimitarvp

I haven’t but I plan to use HTMX for own project in a few weeks (or months). Have you checked that one out?

3
Post #2
AstonJ

AstonJ

I’ve always liked the idea of building apps as a series of components and not just for the frontend - I really liked how Volt was planning to bring it to the backend too and would love frameworks like Rails and Phoenix to explore the idea.

Here’s some vids that look pretty good:

3
Post #5

Where Next?

View thread on forum
web-components
Home Frontend>Chat
#web-components
15 1152 4
Last post

Popular Frontend topics Top

michael
Frontend>Chat

Detecting Postgresql Table Change for LiveView
So I have a table of MediaItems and when that list changes, say new entries, I’d like LiveView to know about that so that the Timeline up...
#postgres#liveview
16 2178 5
New
First poster: bot
Frontend>Chat

Declarative Shadow DOM
web.dev
0 1008 0
New
AstonJ
Frontend>Chat

Are SPAs dying or becoming more popular/beginning to shine?
DHH might like you to believe they are a thing of the past: https://twitter.com/dhh/status/1275902566719610880 I actually went down thi...
/rails/angular/react#liveview/svelte/vuejs#spa#ssr
22 2958 6
New
First poster: bot
Frontend>Chat

ARM chips have an instruction with JavaScript in the name
Why do ARM chips have an instruction with Javascript in the name (FJCVTZS)?. FJCVTZS is “Floating-point Javascript Convert to Signed fix...
stackoverflow.com
#arm#chips/js
0 1422 0
New
AstonJ
Frontend>Chat

What is your preferred language for WebAssembly?
Which WebAssembly language/s interest you? I just discovered AssemblyScript (portal | thread) which looks interesting! Here are some of...
#wruby
3 2605 2
New
First poster: bot
Frontend>Chat

Pluralsight offering free JavaScript courses throughout Dec 2020
techrepublic.com
/js
0 1357 1
New
ClaudiaGiv
Frontend>Chat

SSR explained in SvelteKit
Hi all, I recently started working with Svelte and created a small app with SvelteKit in order to understand better the framework. I hav...
/svelte#ssr
6 2500 1
New
First poster: bot
Frontend>Chat

Racing Game in ClojureScript
A 3D racing game built with ClojureScript, React and ThreeJS
github.com
#clojurescript
0 847 0
New
riyajohnson
Frontend>Chat

Choosing the Right Framework: Comparing Pros and Cons
When it comes to selecting a framework for a development project, it’s crucial to make an informed decision. With so many options availab...
/angular/react#development#frameworks/vuejs
2 641 1
New
NKTgLaw
Frontend>Chat

NKTg Law on Variable Inertia Across 150 Modern Languages
Introduction The NKTg Law on Varying Inertia describes the tendency of an object in motion depending on its position, velocity, and mass...
/wasm#nktglaw#variable-inertia
1 537 0
New

Other popular topics Top

Devtalk
General Dev>Dev Chat

What dev-related stuff have you been up to?
Reading something? Working on something? Planning something? Changing jobs even!? If you’re up for sharing, please let us know what you’...
#community
1050 21151 394
New
siddhant3030
General Dev>Dev Chat

Which vertical monitor do you use?
I’m thinking of buying a monitor that I can rotate to use as a vertical monitor? Also, I want to know if someone is using it for program...
#monitors#programming
51 4892 20
New
DevotionGeo
General Dev>Code Editors

Dendron: a personal knowledge management tool on top of VSCode
/vscode#visual-studio-code
30 7372 9
New
Exadra37
Linux>Chat

RancherOS is in end of life
Oh just spent so much time on this to discover now that RancherOS is in end of life but Rancher is refusing to mark the Github repo as su...
#linux#rancheros
10 6358 6
New
AstonJ
Backend>Chat

Rails console using 100% CPU in dev (fix)
If you are experiencing Rails console using 100% CPU on your dev machine, then updating your development and test gems might fix the issu...
/ruby/rails
3 4188 3
New
PragmaticBookshelf
Backend>Learning Resources

Programming Phoenix LiveView
Build highly interactive applications without ever leaving Elixir, the way the experts do. Let LiveView take care of performance, scalabi...
pragprog.com
#pragprog/elixir/phoenix#published-book/book-programming-phoenix-liveview
80 9318 24
New
husaindevelop
Android>Questions

Clipboard readtext not working in android webview
Inside our android webview app, we are trying to paste the copied content from another app eg (notes) using navigator.clipboard.readtext ...
#android#clipboard
1 5651 0
New
PragmaticBookshelf
Backend>Learning Resources

Engineering Elixir Applications
Develop, deploy, and debug BEAM applications using BEAMOps: a new paradigm that focuses on scalability, fault tolerance, and owning each ...
pragprog.com
#pragprog/elixir#published-book/book-engineering-elixir-applications
40 7136 21
New
PragmaticBookshelf
Backend>Learning Resources

Agile Web Development with Rails 8
Get the comprehensive, insider information you need for Rails 8 with the new edition of this award-winning classic. Sam Ruby @rubys ...
pragprog.com
#pragprog#web-development/ruby/rails#published-book/book-agile-web-development-with-rails-8
12 7404 7
New
PragmaticBookshelf
Backend>Learning Resources

Ash Framework
Explore the power of Ash Framework by modeling and building the domain for a real-world web application. Rebecca Le @sevenseacat and ...
pragprog.com
#pragprog/elixir#published-book/ash/book-ash-framework
15 7555 9
New
Back to top

Sponsor Spotlight

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

Frontend>Chat

Frontend Chat ❯

Latest on Devtalk

Devtalk ❯

We ❤️ helpful members!

We reward our most helpful members via our MOTM scheme - by giving away a whopping 25 books per year!

Member of the Month

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

EEF

Supporting innovation across the BEAM ecosystem.

coders51

We build reliable cloud platforms for business-critical systems.

Manning Publications

Develop your skills with books, videos, and courses.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

Categories:

Sub Categories:

Popular Portals

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

EEF

Supporting innovation across the BEAM ecosystem.

coders51

We build reliable cloud platforms for business-critical systems.

Manning Publications

Develop your skills with books, videos, and courses.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

We're in Beta

About us Mission Statement See our Roadmap