Category:
Testing Vaadin applications and add-ons using Playwright
Playwright is a browser automation tool similar to Selenium (WebDriver). These tools can be used as such to implement end-to-end tests that simulate actual user actions through the browser. Often, those are used through higher-level testing libraries such as Vaadin TestBench (built on top of ...
.png)
Embedding Vaadin Flow apps in a React-based web app
In my recent blog post, I discussed wrapping a component implemented with React in a Vaadin application. A greatly undervalued way to use Vaadin is by implementing only certain functions or parts of your web app or website. In that case, we are essentially doing the opposite: wrapping a Vaadin ...
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 ...
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 ...
.png)
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 ...
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. ...
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 ...
