- Notifications
You must be signed in to change notification settings - Fork1
A small demo application showing how to use Hilla with React, Formik binding with form. Lazy loading Grid. Dialog.
License
Apache-2.0, Unlicense licenses found
Licenses found
TatuLund/hilla-react-demo
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
This project can be used as a starting point to create your own Hilla application with Spring Boot.It contains all the necessary configuration and some placeholder files to get you started.
The project is a standard Maven project. To run it from the command line,typemvnw
(Windows), or./mvnw
(Mac & Linux), then openhttp://localhost:8080 in your browser.
You can also import the project to your IDE of choice as you would with anyMaven project.
To create a production build, callmvnw clean package -Pproduction
(Windows),or./mvnw clean package -Pproduction
(Mac & Linux).This will build a JAR file with all the dependencies and front-end resources,ready to be deployed. The file can be found in thetarget
folder after the build completes.
Once the JAR file is built, you can run it usingjava -jar target/myapp-1.0-SNAPSHOT.jar
(NOTE, replacemyapp-1.0-SNAPSHOT.jar
with the name of your jar).
Directory | Description |
---|---|
frontend/ | Client-side source directory |
index.html | HTML template |
index.ts | Frontend entrypoint, bootstraps a React application |
routes.tsx | React Router routes definition |
MainLayout.tsx | Main layout component, contains the navigation menu, usesApp Layout |
views/ | UI view components |
themes/ | Custom CSS styles |
src/main/java/<groupId>/ | Server-side source directory, contains the server-side Java views |
Application.java | Server entry-point |
- Read the documentation athilla.dev/docs.
- Ask questions onStack Overflow or join ourDiscord channel.
- Report issues, create pull requests inGitHub.
About
A small demo application showing how to use Hilla with React, Formik binding with form. Lazy loading Grid. Dialog.