Do you want your ad here?

Contact us to get your ad seen by thousands of users every day!

[email protected]

Vaadin 24.4 Adds React Support, In-App Coding Assistant

  • June 12, 2024
  • 5821 Unique Views
  • 2 min read
Table of Contents
Unified Vaadin Platform: Seamless Integration with HillaVaadin Copilot: an in-app development assistantFlow EnhancementsHilla EnhancementsDetailed ChangelogsUpgrading Guides

Unified Vaadin Platform: Seamless Integration with Hilla

24.4 adds React support to the entire Vaadin platform by including the Hilla framework.

The Vaadin BOM and Vaadin Spring Boot Starter now include Hilla, allowing you to choose between Flow and Hilla or mix both in your projects.

Vaadin Copilot: an in-app development assistant

Vaadin 24.4 introduces Vaadin Copilot, a visual development tool and AI-powered assistant.

Available by default in development mode, Copilot helps you inspect and edit the UI, and use generative AI to create or modify code.

Copilot is a code-first editor, meaning there is no intermediate design format, it modifies your code directly.

Flow Enhancements

  • Mixing Flow and Hilla views: Combine server-side and client-side routes in a single application. No special configuration needed. Docs · Example Project
  • Using React components in Flow: Wrap any React component as a Flow component and manage its state and events automatically. Docs
  • Using Flow components in React: Embed Flow components in Hilla/React views using WebComponentExporter. Docs
  • React Router by default: Vaadin Flow now uses React Router, simplifying the addition of React components and views. Docs
  • New default frontend directory: The default location for frontend resources is now src/main/frontend/, aligning better with Maven project structure.

Hilla Enhancements

  • Hilla File Router: Simplifies adding React views by automatically mapping files in src/main/frontend/views/ as routes. Docs
  • Automatic Main Menu: The file router’s createMenuItems() utility populates the menu items in the React main layout. Docs
  • Hilla React Signals: Manage state in React applications with @vaadin/hilla-react-signals, offering a robust way to share state updates across components. Docs

Detailed Changelogs

For full details, check the release notes.

Upgrading Guides

Marcus Hellberg

Marcus Hellberg

Author

VP of Developer Relations at Vaadin

Marcus Hellberg

Marcus Hellberg

Author

VP of Developer Relations at Vaadin

Learn more

Thanks to our Sponsors!

Azul logo
Azul
Platinum Sponsor
Redis logo
Redis
Gold Sponsor
CodeRabbit logo
CodeRabbit
Gold Sponsor
Reo logo
Reo
Silver Sponsor
Zencoder logo
Zencoder
Silver Sponsor
Payara logo
Payara
Silver Sponsor
Digma logo
Digma
Bronze Sponsor
adesso logo
adesso
Bronze Sponsor

Trending

Week Month All

JC-AI Newsletter #10

Preparing for Spring Framework 7 and Spring Boot 4

Java 25: What’s New?

Atlas Searching with the Java Driver

Building Systems That Know Why They Exist ~ When Data, Logic, and Intent Finally Align

Java 21+ on Raspberry Pi Zero 2 is Back In Business

Foojay Podcast #84: Developing Performant, Cost Efficient, and Eco-friendly Code

Understanding MCP Through Raw STDIO Communication

Unleashing the Power of Data Visualization: Introducing BX-Charts for BoxLang

BoxLang RSS : Full-Featured RSS/Atom Feed Module for BoxLang

JC-AI Newsletter #10

Preparing for Spring Framework 7 and Spring Boot 4

Java 25: What’s New?

Atlas Searching with the Java Driver

Building Systems That Know Why They Exist ~ When Data, Logic, and Intent Finally Align

Java 21+ on Raspberry Pi Zero 2 is Back In Business

Foojay Podcast #84: Developing Performant, Cost Efficient, and Eco-friendly Code

Understanding MCP Through Raw STDIO Communication

Unleashing the Power of Data Visualization: Introducing BX-Charts for BoxLang

BoxLang RSS : Full-Featured RSS/Atom Feed Module for BoxLang

Indexing all of Wikipedia, on a laptop

Working with Multiple Carets in IntelliJ IDEA

Clean Shutdown of Spring Boot Applications

Java 17 on the Raspberry Pi

Project Panama for Newbies (Part 1)

How to Create Mobile Apps with JavaFX (Part 1)

Beginning JavaFX Applications with IntelliJ IDE

Foojay Slack: bit.ly/join-foojay-slack

SpringBoot 3.2 + CRaC

Creating Scalable OpenAI GPT Applications in Java

A Faster Way to Build React + Spring Boot Apps Using Hilla 1.3

Hilla 1.3 offers an improved way to build React and Spring Boot apps, by enabling end-to-end type-safety and 45 UI components.

Dec 22 5,8K
Marcus Hellberg
Hilla
Blink a LED on Raspberry Pi with Vaadin

Thanks to Vaadin, you can get a fully running application with a few clicks. And Adding GPIO-interaction is easy with the Pi4J library.

Mar 25 3,2K
Frank Delporte
Vaadin
4
Spring Pi4J Raspberry Pi Embedded
Build Web Apps in Pure Java with Vaadin Flow

In this guide, learn how to build a small but fully functional ToDo application in pure Java using Vaadin Flow.

Dec 16 4,7K
Tarek Oraby
Tutorials
1
Vaadin
Create a CRUD UI in Pure Java

Many developers struggle writing Web UI, but it gets to be a super fun job if we could do it using pure java, let’s find out how we can do it using Vaadin.

Feb 02 20,4K
Tarek Oraby
Tutorials
1
Vaadin
Enterprise Java Application Development With Jakarta EE and Vaadin

Get an overview of the Vaadin framework and learn how to use it to build modern web applications on the Jakarta EE Platform in pure Java.

Jul 12 3,5K
Jadon Ortlepp
+1
Luqman Saeed
Luqman Saeed
Tools
5
Videos Vaadin Tutorials Payara Jakarta EE

Do you want your ad here?

Contact us to get your ad seen by thousands of users every day!

[email protected]

Related Articles

A Faster Way to Build React + Spring Boot Apps Using Hilla 1.3

Hilla 1.3 offers an improved way to build React and Spring Boot apps, by enabling end-to-end type-safety and 45 UI components.

Dec 22 5,8K
Marcus Hellberg
Hilla
Blink a LED on Raspberry Pi with Vaadin

Thanks to Vaadin, you can get a fully running application with a few clicks. And Adding GPIO-interaction is easy with the Pi4J library.

Mar 25 3,2K
Frank Delporte
Vaadin
4
Spring Pi4J Raspberry Pi Embedded
Build Web Apps in Pure Java with Vaadin Flow

In this guide, learn how to build a small but fully functional ToDo application in pure Java using Vaadin Flow.

Dec 16 4,7K
Tarek Oraby
Tutorials
1
Vaadin
Securing Vaadin Applications with Microsoft Entra

Table of Contents Step 1: Create an Application in EntraCreate App RoleAssign UsersCreate Client SecretStep 2: Configure OAuth2 with Entra in our ApplicationAdd DependenciesConfigure the ApplicationEnable Entra SecurityConfigure Role PrefixRoles in ActionStep 3: Setup Karibu TestingSummary Many companies use Microsoft …

Feb 26 1,7K
Simon Martinelli
Vaadin
2
Spring Security

Comments (1)

Highlight your code snippets using [code lang="language name"] shortcode. Just insert your code between opening and closing tag: [code lang="java"] code [/code]. Or specify another language.

Java Weekly, Issue 547 | Baeldung

1 year ago

[…] >> Vaadin 24.4 Adds React Support, In-App Coding Assistant [foojay.io] […]

3

Highlight your code snippets using [code lang="language name"] shortcode. Just insert your code between opening and closing tag: [code lang="java"] code [/code]. Or specify another language.

Set Event Reminder

Subscribe to foojay updates:

https://foojay.io/feed/
Copied to the clipboard