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 ...

Streamlined React Form Validation with Spring Boot using Hilla

Forms are an essential component in web applications, and their validation is crucial for a good user experience. If you've been looking for a streamlined approach to React form validation, you're in the right place. With the release of Hilla 2.2, you can now effortlessly build forms using the new ...

Bringing Spring Boot and React together with Hilla

As a newly-minted Developer Advocate with Vaadin, I’m in the unique position of having fresh eyes to explore our frameworks, components and other services. For the last few days, I’ve been building with Hilla, a full-stack framework for building web applications, as I build a pet project in public. ...