Styling with Lumo in Vaadin

Styling your Vaadin application with Lumo

When it comes to developing user-friendly web applications, Vaadin provides a robust platform that offers a wide range of customization options. At the heart of these options is Lumo, a theme that sets the tone for your application’s aesthetics. Vaadin’s flexibility allows you to tailor each aspect ...
Lazy Loading Hierarchical Data

Lazy Loading Hierarchical Data for Efficient UI and Database Performance

I shared my experience with performance optimizations a couple of weeks ago at our Vaadin Create conference. One key takeaway was implementing lazy loading at the client-server and database layers. Lazy loading essentially transfers only the required data to the client and requests a reasonable ...
Learn how to create a Java wrapper for your React component

Creating a Java wrapper for a React component

In a recent blog post, I debunked the myth that a Web Component is essential as a counterpart to your Vaadin Java component. The Element API in Vaadin Flow is also apt for raw JS components. Given that React components are JS components, it's feasible to wrap them directly. However, React's unique ...
Become a Vaadin Certified developer today

Updated Vaadin certification trainings and exams: Your path to becoming a Vaadin expert

We are excited to announce the updated Vaadin Certification training and exams, now more streamlined and focused on facilitating a comprehensive learning pathway for aspiring Vaadin professionals. Our updated training materials are designed to help you with the knowledge and skills necessary to ...
Explore a database-free approach with Eclipse Serializer for efficient data handling in this blog.

You might not need the database

Bashing ORM tools, which in the JVM bubble is most likely Hibernate, is probably the most common hobby among developers. I agree ORM is often an obsolete piece in our technology stacks, but I claim that in most cases, it ought to be the relational database itself that should be burnt with fire. ...

App Development Simplified with Hilla Components

In the area of application development, time and efficiency are of the essence. As developers, we are constantly on the lookout for tools that can streamline our workflow while enhancing the end user experience. This is the exact use case of Hilla, a robust framework that ties the best of Java on ...

Using Third-Party React Components in Hilla

Hilla supports using any third-party React component library in your apps. If you want to, you can use Material UI, React Bootstrap, Ant Design or any other React component library. In this tutorial, we'll use the React Colorful color picker as an example. Creating a Hilla App First, you'll need a ...

Discovering hostname in Vaadin

Have you ever needed to know where your application is being run? Like the typical localhost:8080 or vaadin-form-example.demo.vaadin.com? As you likely know, Vaadin allows you to build web applications in Java, and the UI runs on the server-side JVM environment. Compared to client-side frameworks, ...

Spring Boot & React To-Do App

What You Will Build In this guide, we build a full-stack To-Do app with Spring Boot and React using the Hilla framework. You can find the complete source code for this tutorial in GitHub: https://github.com/tarekoraby/hilla-todo. What You Will Need 10 minutes Java 17 or newer Node 18.0 or newer ...