Future-proof Front-end Components

Working with components has been popularised by frameworks like React and Vue. It improves developer experience as smaller things are easier to work with and reason about. But can we exchange components between frameworks? And what about user experience? What do these frameworks spit out in our browsers?

During our meetup Future-proof Front-end Components (March 2019), Hidde de Vries and Peter Goes showed how to tame JavaScript frameworks to improve user experience and achieve interoperability through Web Components. 🚀Here are there talks:

Modern JavaScript frameworks virtualise our DOMs. This allows us to focus on implementation, as data declaratively maps state into markup. While this is great in itself, the significance of the actual markup often gets overlooked. In this practical talk, Hidde (@hdv) will show how specific bits of markup provide real benefit to users.

🖼 Slides and ✏️full transcript of Hidde's talk.

Component based front-end development has won the hearts of a lot of developers. All popular frameworks (React, Vue and others) are build around this concept. Taking a component from one project and bring it into a new one is a promise that attracts a lot of front-enders. But React components can not be used in a Vue projects or vice versa. Web Components can offer a way out. In his talk, Peter (@petergoes) researches the possibilities to create and use Web Components cross framework.

🖼 Slides and ✏️follow-up article of Peter's talk.

Want to attend our next meetup in person, or via the live stream? Keep an eye on our Front-end Forward meetup group and check out our own event page!