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. ...
OpenID Connect authentication & Vaadin - An integration example using Quarkus

OpenID Connect authentication & Vaadin - An integration example using Quarkus

This blog post discusses the advantages of using OpenID Connect (OIDC) for handling authentication in web applications. It also provides an example of integrating OIDC with Vaadin using Quarkus, emphasizing the importance of security libraries and best practices when working with OIDC. OpenID ...
Building Java API for JavaScript libraries - The lightweight approach

Building Java API for JavaScript libraries - The lightweight approach

Many Vaadin add-ons are wrappers around existing JavaScript libraries or components. The tooling and documentation in Vaadin are primarily targeted for the optimal case, where the wrapped component is a Web Component. The huge rewrite of the framework in version 10 was done largely to optimize this ...
Learn how to tackle HTTP range requests in Java web apps.

Efficiently serving video files in Java web apps with HTTP range requests

Streaming video and audio content has become essential to modern web applications, providing users with an engaging and interactive experience. HTTP range requests are crucial to delivering these media files efficiently. Range requests allow for seeking within video and audio files, enhancing the ...

Using microservices from Hilla

Hilla is a full-stack framework for building web applications with Spring Boot and React. It embraces the backends for frontends (BFF) pattern, where backend services are tailored for specific frontends. Hilla makes it easy to connect Java backends to TypeScript React frontends using type-safe RPC ...