We're excited to introduce Hilla 2.4, featuring new components aimed at improving developer productivity in business web application development. This release includes AutoForm and AutoCrud, designed to streamline the creation of forms and CRUD views. AutoForm: Streamlining Form Management AutoForm…
Hilla 2.3 is out! This release includes a new AutoGrid component and authentication helpers for React. 🪄 AutoGrid: a fully-featured grid in one line of code AutoGrid allows you to configure a Grid component to automatically fetch data from the backend.
It supports pagination, sorting, and filtering…
Intro 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…
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…
In this hands-on tutorial, we will delve into using React Query with Hilla to connect to Spring Boot through type-safe backend services. We will be creating a simple Hilla application that integrates React Query on the frontend. As we walk through the process, you'll gain an understanding of how to…
We are introducing some new terminology with Hilla 2.2. We have renamed the server-side logic that you call from the browser to "browser-callable services" instead of "endpoints." We have realized that the endpoint terminology leads us to think about the network communication layer in an overly…
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…
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…
Intro 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…
Grids and forms are the workhorses of business applications.
While Hilla already has a powerful grid component , creating forms has been more challenging than we would have liked.
Hilla 2.2 fixes this by introducing a new form hook for React. ✍️ New React form support Building a robust form can be…
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…
In this article, we'll build a custom AI chatbot application using Hilla, Spring Boot, React, OpenAI (ChatGPT), and Pinecone. The chatbot is designed to answer Vaadin Flow and Hilla development questions using up-to-date documentation as reference material. My earlier blog post details the concept…
This article will guide you on integrating OpenAI APIs, such as ChatGPT, in your Spring Boot application. We will cover moderation, embedding, and chat completion requests. It is a part of our Building an AI chatbot in Java series . Prerequisites This tutorial assumes you already have a Spring Boot…
In this final part of the Building an AI chatbot in Java series , we will deploy the Spring Boot AI chatbot application we've built as a GraalVM native image. Requirements The instructions in the article assume you are working with the Hilla Spring Boot application we've built in the series, but…
A while back, I built the Vaadin Docs Assistant , a ChatGPT-based AI assistant that can answer technical questions about developing with Vaadin Flow or Hilla based on the latest available documentation. If you're curious about the concepts behind the assistant, I recommend my earlier blog post…
Dive into the process of integrating the Pinecone Vector database with a Spring Boot application using Java in this second installment of the Building an AI chatbot in Java series . Prerequisites The article assumes you have a Spring Boot application. The example project is a Spring Boot…
This article is part three of the Building an AI chatbot in Java series , where we're building a custom AI chatbot application using Hilla, Spring Boot, React, OpenAI (ChatGPT), and Pinecone. The chatbot is designed to answer Vaadin Flow and Hilla development questions using up-to-date…
We are excited to announce the release of version 2.1 of Hilla, the type-safe web framework for Spring Boot. We continue to rapidly advance Hilla to meet the needs of developers that need a reactive frontend (TypeScript with React or Lit) and a Spring Boot backend. This release includes improved…
Hilla uses the Vaadin Lumo design system that comes with a set of simple of utility classes for common styling tasks.
If you need more advanced functionality, like support for responsive layouts, you can easily switch to using the more comprehensive Tailwind CSS library. Here are the steps to…
In this tutorial, we will implement a grid data provider to enable lazy loading in a React data grid using the Vaadin Grid component. Lazy loading helps us efficiently load large datasets by fetching only the required data as the user scrolls through the grid. This tutorial is based on Hilla 2.…
We are happy to announce the release of version 2.0 of Hilla, the type-safe web framework for Spring Boot.
This latest release represents a major milestone for Hilla, as it introduces a new technology baseline that utilizes Spring Boot 3, Java 17, and Jakarta EE 10.
This means that you can continue…
I had the pleasure of speaking about Hilla at four events in January: Boulder JUG, Denver JUG, Utah JUG, and a webinar hosted by Vaadin. It was a great opportunity to connect with developers in person and get their initial reactions to Hilla. The feedback developers shared was overwhelmingly…
It's time to build a new web application.
You've decided to use React with a Java back end, so you're good to go right?
Not quite. There's still a lot of work to do to set up a new project, configure your build tools, find good UI components, and create APIs for communication between your front…
In this tutorial, you'll learn how to keep your web app feeling fast even when your backend or connection is slow, using a technique called optimistic updating or latency compensation.
The basic idea is that you update the view before calling the server, optimistically assuming things will work out…
What You Will Build You will build a full-stack reactive web app that sends and receives messages through Kafka. The app uses Spring Boot and Java on the server, Lit and TypeScript on the client, and the Hilla framework for components and communication. What You Will Need 20 minutes Java 11 or newer…
The first new Hilla minor release, version 1.1, is out now! We roll out updates to the Hilla framework with quarterly minor releases that both fix bugs and introduce new features.
The previous version, Hilla 1.0.6, is being maintained for 3 more months – so update now! What's new? Hilla 1.1 ships…
Web push notifications are a way of informing your app users when something important has happened. Users can receive web push notifications even when they are not actively using your application, for instance, if the app is open in a background tab or even if it's not open. Push notifications are…
Despite being on the web where millions or billions of people move around every day, web applications always tend to start out as being single-user applications.
Not in the sense that only one user can log in or one user can use the application at a time but, as a user of the application, you don’t…
Does the world really need yet another frontend framework? We believe it does, because different frameworks have different underlying assumptions that lead to optimizing for different things. Let's take a look at the principles that have led us to build Hilla as a framework that integrates Spring…
