The Quarkus Quinoa extension takes care of all the web UI build/wiring/dev-mode hassles and lets you focus on your web application logic. In this tech talk, we’ll bring a shopping list app to life with Quarkus, Hibernate as a backend, and React as a frontend. Quinoa will be the glue that makes it all work seamlessly from dev to production.

1. 1

2. QUINOA EXTENSION
Quarkus UI NO hAssle

3. 2

4. THE NEED
Create apps with backends and modern frontends
(SPA).
3

5. WHY QUARKUS OVER NODEJS...
4

6. WHY QUARKUS OVER NODEJS...
Ready to use stack with all the best libraries to
build efficient services
4

7. WHY QUARKUS OVER NODEJS...
Ready to use stack with all the best libraries to
build efficient services
Smart build system
4

8. WHY QUARKUS OVER NODEJS...
Ready to use stack with all the best libraries to
build efficient services
Smart build system
Developer Joy++ 🤙
4

9. WHY QUARKUS OVER NODEJS...
Ready to use stack with all the best libraries to
build efficient services
Smart build system
Developer Joy++ 🤙
Test friendly
4

10. WHY QUARKUS OVER NODEJS...
Ready to use stack with all the best libraries to
build efficient services
Smart build system
Developer Joy++ 🤙
Test friendly
Easy to deploy
4

11. WHY QUARKUS OVER NODEJS...
Ready to use stack with all the best libraries to
build efficient services
Smart build system
Developer Joy++ 🤙
Test friendly
Easy to deploy
Made for the cloud
4

12. QUINOA?
5

13. QUINOA?
Compatible with most NodeJS built web apps
5

14. QUINOA?
Compatible with most NodeJS built web apps
Live-code on the backend and frontend together
5

15. QUINOA?
Compatible with most NodeJS built web apps
Live-code on the backend and frontend together
Integrated build/deployment with Quarkus
5

16. QUINOA?
Compatible with most NodeJS built web apps
Live-code on the backend and frontend together
Integrated build/deployment with Quarkus
Out of the box e2e testing
5

17. QUINOA?
Compatible with most NodeJS built web apps
Live-code on the backend and frontend together
Integrated build/deployment with Quarkus
Out of the box e2e testing
More integrated than Maven Frontend Plugin
5

18. QUINOA?
Compatible with most NodeJS built web apps
Live-code on the backend and frontend together
Integrated build/deployment with Quarkus
Out of the box e2e testing
More integrated than Maven Frontend Plugin
A few others goodies
5

19. BUILD
6

20. RUNTIME
Quinoa will add a Vert.x route to serve the generated
web resources.
7

21. 2 LIVE-CODING MODES
Same as prod, but re-building on changes.
Auto start the NodeJS dev server and proxy
requests
8

22. System.out.println("Let's code!");
9