In the first four tutorials in this series, we’ve built an app with LitElement, using Redux for state management, Vaadin Router for navigation and Webpack for building and code splitting. In this final tutorial, we turn the application into an offline-capable Progressive Web App. If you didn’t do ...

So far in this tutorial series, we have built an app with LitElement and connected it to a Redux store for state management. In this tutorial, we add a new view for stats to learn how to navigate between views and how to split code for performance. If you didn’t do the previous steps of the ...

In this third tutorial, you’ll learn how to use Redux for state management in a LitElement application. Check out the first two tutorials to learn how to set up a LitElement application and how to use lit-html for templating. If you aren’t interested in Redux, feel free to skip over this tutorial ...

Vaadin has always prided itself with having great documentation. In addition to product documentation, our team creates learning content in the blog, on YouTube, and dedicated sub-sites. One thing we have noticed though is that it's not as easy to find this content as we would like. It can be hard ...

In this second tutorial in a series about building LitElement apps, we cover templating, events, and properties in a LitElement component. If you didn’t complete the first part, you can check out the source as a starting point: Step 1 source Video tutorial for this part Defining properties Before ...

In this tutorial, you'll learn how to build an application using Web Components and LitElement. The topics we cover are: Starting a LitElement project lit-html templating and events State management with Redux Navigation and code splitting PWA and offline Figure 1. The app we are building Video ...

Web Components Wednesday (WCW) blog series is created for two purposes: introducing easy-to-use components and educating people on the concept of Web Components. All the WCW blogs can be found here. "A picture is worth ten thousand words", although you should not always be so quick to judge people ...

Vaadin 12 adds a bunch of new components, a couple of significant performance improvements, a Material Design theme option and many other small improvements and bug fixes. Vaadin 12 is an incremental release and a recommended update as we are making progress towards the next LTS version, to be ...

Custom components for business web apps are a simple yet effective way of standing out from the competitors. That is the case whether they are built from scratch, themed to match your business’ brand guidelines and style guides, or if they’re based on an existing component with added functionality. ...