Quinoa: A modern Quarkus UI with no hassles | DevNation tech Talk

•

1 gefällt mir•2,079 views

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.

Technologie

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

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

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

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

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

QUINOA?
Compatible with most NodeJS built web apps
5

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

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

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

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

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

Weitere ähnliche Inhalte

Ähnlich wie Quinoa: A modern Quarkus UI with no hassles | DevNation tech Talk

Azure DevOps Day - Trivandrum

Amal Dev

DevOps para Open Source com Azure DevOps

Emmanuel Gomes Brandão

Azure DevOps Day - Kochi

Amal Dev

Azure DevOps

Michael Jesse

Azure dev ops

Vishwas N

[JAZUG Tohoku Azure DevOps] Azure DevOps

Naoki (Neo) SATO

Deploy an Asp.Net Core App on Azure

Michele Aponte

Understand benefits and pain points of cloud, local and vagrant based development Describe a development flow that combines vagrant and AWS to create a: consistent environments for all developers consistent environment from development to production help organizations move fast – if they are not already doing this integrate nearly flawlessly with AWS Ease Development <-> Production Software Deployment

Vagrant to-aws-flow

Kimberly Macias

Virtualize and automate your development environment for fun and profit

Andreas Heim

Top 12 Vue.js Developer Tools and Component Libraries (To Speed Up Vue.js Dev...

Katy Slemon

Docker Enables DevOps - Boston

Boyd Hemphill

41 best vue component libraries to archive for 2021

Katy Slemon

Ed Seymour Containerisation Lead – Red Hat Ed has over 20 years experience working in software development and IT automation. With a career that started with a small software start-up, working efficiently and with agility was a necessity, and through his experience working at a global IT services company, gained valuable experience in promoting and effecting organisational change, adoption of agile methods, and automation of the software development life-cycle. At Red Hat, Ed’s role has focused on enabling customers as they embrace new organisational behaviours and structures, for example DevOps, and developing new IT services through adoption of emerging technologies, such as Cloud Management, OpenStack; Ed specialises in solutions based on containers through Docker, Kubernetes and OpenShift.

Can I Contain This?

Eficode

Microsoft recently released Azure DevOps, a set of services that help developers and IT ship software faster, and with higher quality. These services cover planning, source code, builds, deployments, and artifacts. One of the great things about Azure DevOps is that it works great for any app and on any platform regardless of frameworks. In this session, I will provide a hands on workshop guiding you through getting started with Azure Pipelines to build your application. Using continuous integration and deployment processes, you will leave with clear understanding and skills to get your applications up and running quickly in Azure DevOps and see the full benefits that CI/CD can bring to your organization.

Azure DevOps in Action

Callon Campbell

See how Codenvy's Factories allow Nuxeo Platform developers to manage their entire development cycle in the cloud without installing anything. This How-To webinar will walk you through the steps used to build the Codenvy factory for the Nuxeo Platform. Attendees will learn: - How a project is edited and run in the Codenvy Cloud - How to use a running project as the base for a one-click factory - What Docker is, and how Dockerfiles simplify setup of the developer environment - How to automate developer workspace construction - How to publish a single URL that gives instant access to project contributors

[Webinar] Automating Developer Workspace Construction for the Nuxeo Platform ...

Nuxeo

Rave in Context @ ApacheCon 2011

Sander van der Waal

DockerCon SF 2015: Keynote Day 1

Docker, Inc.

Keep calms and Docker On ... Innotech

Boyd Hemphill

Azure DevOps työkalut - Roundtable 14.3.2019

Janne Mattila

Docker Enables DevOps - Keep C.A.L.M.S. and Docker on ...

Boyd Hemphill

Ähnlich wie Quinoa: A modern Quarkus UI with no hassles | DevNation tech Talk (20)

Azure DevOps Day - Trivandrum

DevOps para Open Source com Azure DevOps

Azure DevOps Day - Kochi

Azure DevOps

Azure dev ops

[JAZUG Tohoku Azure DevOps] Azure DevOps

Deploy an Asp.Net Core App on Azure

Vagrant to-aws-flow

Virtualize and automate your development environment for fun and profit

Top 12 Vue.js Developer Tools and Component Libraries (To Speed Up Vue.js Dev...

Docker Enables DevOps - Boston

41 best vue component libraries to archive for 2021

Can I Contain This?

Azure DevOps in Action

[Webinar] Automating Developer Workspace Construction for the Nuxeo Platform ...

Rave in Context @ ApacheCon 2011

DockerCon SF 2015: Keynote Day 1

Keep calms and Docker On ... Innotech

Azure DevOps työkalut - Roundtable 14.3.2019

Docker Enables DevOps - Keep C.A.L.M.S. and Docker on ...

Mehr von Red Hat Developers

In 2022 we heard your GitOps questions at meetups and gatherings, big stages and local panels and one question was often top of mind: how do I get started? The benefits of GitOps are calling your name, but getting started isn’t that straightforward. Red Hat is excited to kick off 2023 with a DevNation TechTalk, focused on GitOps to help you sift through your questions. At DevNation you’ll hear from passionate GitOps practitioners about the pitfalls to avoid and hurdles to jump while kicking off or evolving your GitOps practices. This event is aimed at audiences that are new to GitOps or early in their practice development within a cloud native environment. During this live session you’ll learn: Upcoming updates and key milestones in the ArgoCD roadmap and how Red Hat will support them How to simplify the delivery GitOps across multi-cloud environments GitOps best practices from experts at: PostNord Strålfors: Filip Jansson Arbetsförmedlingen: Misho Kmetovski & Richard Hermansson Swiss Railways (SBB): Manuel Wallrapp & Thomas Bruederli Plus stick around for an “Ask me Anything” segment to ask any outstanding questions live.

DevNation Tech Talk: Getting GitOps

Red Hat Developers

Modern cloud-native applications are incredibly complex systems. Keeping the systems healthy and meeting SLAs for our customers is crucial for long-term success. In this session, we will dive into the three pillars of observability - metrics, logs, tracing - the foundation of successful troubleshooting in distributed systems. You'll learn the gotchas and pitfalls of rolling out the OpenTelemetry stack on Kubernetes to effectively collect all your signals without worrying about a vendor lock in. Additionally we will replace parts of the Prometheus stack to scrape metrics with OpenTelemetry collector and operator.

Exploring the power of OpenTelemetry on Kubernetes

Red Hat Developers

GitHub plays a key role in the everyday work of thousands of developers and is a central piece of the open-source software ecosystem. Even though it is getting better and better every day, it still misses some key features that we need. If you want a better way of reviewing PRs, navigating through the code or better yet - writing the code without leaving the browser - this talk is for you! This talk will be demo driven, and as the title suggests, we will start with the aesthetic revamp. But we definitely won’t stop there! You will also learn a few cool things about interacting with GitHub through the command line. So not only your UI will be officially revamped, but you will also gain a productivity boost.

GitHub Makeover | DevNation Tech Talk

Red Hat Developers

How do you know you have improved the performance of your portfolio of applications? By measuring it, of course! The ultimate goal of gathering application metrics is to have a standardized practice that is applicable across multiple microservices and that adds minimal runtime overhead. Join this session to discuss what metrics are available out of the box with the Quarkus micrometer extensions, what (and, more importantly, why) you should customize, and how those pieces of information will impact your development outcomes.

Extra micrometer practices with Quarkus | DevNation Tech Talk

Red Hat Developers

This talk will teach you how to redesign an event-driven autoscaling architecture for cloud-native microservices by utilizing Apache Kafka, Knative, and KEDA infrastructure. You will also learn how to deploy serverless applications (Quarkus) using a Knative service. Finally, KEDA will enable you to autoscale Knative Eventing components (KafkaSource) through events consumption over standard resources (CPU, memory).

Event-driven autoscaling through KEDA and Knative Integration | DevNation Tec...

Red Hat Developers

Loom is among the most highly anticipated projects in the Java world. It promises to address concurrency and Java execution model issues by providing virtual threads. Thus, there is no need to write concurrent programs using asynchronous or reactive APIs; it will be possible to use the traditional imperative model and let Loom handle the rest. The JVM will execute the program and leverage non-blocking APIs automatically! Sounds good, doesn't it? How does it work, though? Are there any hidden costs? What is Loom going to change in modern Java frameworks? We will answer these questions in this talk. Starting with the integration of Loom in Quarkus, we will compare the different approaches we considered, discuss their respective pros and cons, and show how Loom might change the Java world.

Integrating Loom in Quarkus | DevNation Tech Talk

Red Hat Developers

Quarkus Renarde 🦊♥ is a new Web framework based on Quarkus. This framework focuses not on microservices but web applications and makes Quarkus even easier to use for web apps: - Endpoints based on convention, even easier than RESTEasy Reactive and JAX-RS - Server-side templating with Qute - Validation with Hibernate Validation - Data with Hibernate ORM or Reactive with Panache - Simple authentication with OpenID Connect or WebAuthn Quarkus Renarde 🦊♥ can deliver all this while still providing the joy of developing with Quarkus, with live reload, continuous testing, the Dev, and more.

Quarkus Renarde 🦊♥: an old-school Web framework with today's touch | DevNatio...

Red Hat Developers

Recent changes in one desktop product generated many doubts in developer communities regarding containers. Can we still use or create them? Do we have alternatives to docker? We have some answers! Join us in this session to learn more about some popular docker alternatives. You can create containers without docker, and you can also run and publish them. There's life after docker, and containers are here to stay.

Containers without docker | DevNation Tech Talk

Red Hat Developers

Hybrid-cloud and multi-cloud patterns are the next application deployment architectures, and Kubernetes is the de facto container orchestration engine. 50% of production Kubernetes workloads involve some form of microservices applications. How can we manage this inter-cluster application connectivity? Meet Skupper: an open-source project that solves multi-cloud communication for Kubernetes. In this Tech Talk, you will briefly learn about Skupper and watch a live demo of an e-commerce application with 10 microservices spanning three OpenShift clusters running on three different public cloud providers.

Distributed deployment of microservices across multiple OpenShift clusters | ...

Red Hat Developers

In this workshop, you’ll learn an easy way to incorporate data science and AI/ML into an OpenShift development workflow. As an example, you’ll use an object detection model to detect ‘dog(s)’ in an image. You will: Use Jupyter Notebooks and TensorFlow to explore a pre-trained object detection model Serve the model in a REST API as a Flask App Use Source-to-Image (S2I) to build and deploy the Flask app Explore Kafka streams from Notebooks Deploy a Kafka consumer with the same object detection model You’ll be able to do all of this without having to install anything on your own computer, thanks to Red Hat OpenShift Data Science and Red Hat OpenShift Streams for Apache Kafka. Note: Beginner data handling and Python skills are required for this workshop.

DevNation Workshop: Object detection with Red Hat OpenShift Data Science [Mar...

Red Hat Developers

DevOps solved the conflict between development and operations, but other essential aspects of the delivery lifecycle—security, compliance, and audit—were left out. DevSecOps is an excellent reminder that security must be DevOps’d, but compliance and audit are still missing. There’s no need for a new DevSecAuditComplianceOps buzzword; instead, let’s talk about continuous authorization, which applies Zero Trust principles to continuous monitoring. In this tech talk, Bill Bensing will discuss practical ways to start with continuous authorization for the software delivery lifecycle using Ploigos.

Dear security, compliance, and auditing: We’re sorry. Love, DevOps | DevNatio...

Red Hat Developers

11 CLI tools every developer should know | DevNation Tech Talk

Red Hat Developers

We will dissect the world famous todo app that provides a REST API (which is the foundation of microservices) with data backed by Apache Cassandra. We will leverage the TODO MVC and the TODO backend projects with the back end that we will build with Quarkus and Cassandra. Attendees will get an overview of Cassandra, including the driver for Quarkus. Through live coding (that attendees can try out later) in a cloud-based environment, primarily in Quarkus and Cassandra, attendees will understand how to implement and connect the APIs to the backend and leverage the generic client(s)provided. After attending this session attendees will walk away with a good understanding of implementing microservices using Cassandra and Quarkus. They will also get a working knowledge of how Astra (Cassandra as a service) can be leveraged in other solutions.

A Microservices approach with Cassandra and Quarkus | DevNation Tech Talk

Red Hat Developers

Every software developer wants more productivity. What if the only commands you needed to deploy were "git commit" and "git push"? Join us as we walk you through a live demonstration of how you can ship your lovely application code from your local machine to a free OpenShift cluster, fully automated through GitHub Actions. By the end of this session, you'll have a sound understanding of building a GitHub Action workflow for your codebase that leverages OpenShift to deploy your application.

GitHub Actions and OpenShift: Supercharging your software development loops...

Red Hat Developers

Since moving to a 6 monthly release cadence, the Java platform is evolving more dynamically than ever before. It can be quite a challenge to stay on top of all the changes and new features. In this talk we're going to explore the most important developments in the Java API: which classes have been added, and what has been removed? Join Duke, the Java mascot, for a trip to space and learn which exciting new APIs provided by the Java platform can help him with his journey: The Java Vector API for utilizing the SIMD capabilities of modern CPU architectures The Foreign Linker API for integrating with native code The JFR Event Streaming API for publishing JDK Flight Recorder Events We'll also take a look at some useful changes to the Java runtime, such as CDS archives for a faster spaceship..., uhm, application launch!

To the moon and beyond with Java 17 APIs! | DevNation Tech Talk

Red Hat Developers

Profile your Java apps in production on Red Hat OpenShift with Cryostat | Dev...

Red Hat Developers

Apache Kafka is taking the world by storm and is rapidly becoming the de-facto event bus for event-driven and streaming applications that respond to events and data in real time. OpenShift Streams for Apache Kafka is Red Hat's fully hosted and managed Apache Kafka service targeting development teams that want to incorporate streaming data and scalable messaging in their applications, without the burden of setting up and maintaining a Kafka cluster infrastructure. In this session you will discover how Apache Kafka can be used in an IoT scenario to ingest data from devices and make them available in real-time to other applications. More specifically you will learn how to: Simulate devices that send MQTT messages to a MQTT broker Use Apache Camel and Camel-K to bridge MQTT with Apache Kafka Use Kafka Streams in a Quarkus application to process the device messages Query the state of the devices using GraphQ

Kafka at the Edge: an IoT scenario with OpenShift Streams for Apache Kafka | ...

Red Hat Developers

With Kubernetes, implementing security policies can be challenging. First, developers, administrators, and security teams need to understand security policies in collaboration to have the best chance of successful adoption. Next, policy enforcement needs to integrate with developer workflows. Lastly, policies need to contain corrective action that is as close to the developer as possible. KubeLinter solves these problems by linting Kubernetes YAML files and Helm charts at the source: the developer. In this session, we will evaluate KubeLinter by moving through a hands-on demo of the application, showing a use case for local machines and CI pipeline integration, and chatting about how best to integrate it into your organization: KubeLinter, and its default checks How you can leverage the application in your day-to-day operations The open source StackRox community

Kubernetes configuration and security policies with KubeLinter | DevNation Te...

Red Hat Developers

Many modern video games are constantly evolving post-release. New maps, game modes, and game balancing adjustments are rolled out, often on a weekly basis. This continuous iteration to improve player engagement and satisfaction requires data-driven decision making based on events and telemetry captured during gameplay, and from community forums and discussions. In this session you will learn how OpenShift Streams for Apache Kafka and Kafka Streams can be used to analyze real-time events and telemetry reported by a game server, using a practical example that encourages audience participation. Specifically you’ll learn how to: Provision Kafka clusters on OpenShift Streams for Apache Kafka. Develop a Java application that uses Kafka Streams and Quarkus to process event data. Deploy the application locally, or on OpenShift and connect it to your OpenShift Streams for Apache Kafka Cluster.

Level-up your gaming telemetry using Kafka Streams | DevNation Tech Talk

Red Hat Developers

Dual writes are a common source of issues in distributed event-driven applications. A dual write occurs when an application has to change data in two different systems - for instance, when an application needs to persist data in the database and send a Kafka message to notify other systems. If one of these two operations fail, you might end up with inconsistent data which can be hard to detect and fix. OpenShift Streams for Apache Kafka is Red Hat's fully hosted and managed Apache Kafka service targeting development teams that want to incorporate streaming data and scalable messaging in their applications, without the burden of setting up and maintaining a Kafka cluster infrastructure. Debezium is an open source distributed platform for change data capture. Built on top of Apache Kafka, it allows applications to react to inserts, updates, and deletes in your databases. In this session you will learn how you can leverage OpenShift Streams for Apache Kafka and Debezium to avoid the dual write issue in an event-driven application using the outbox pattern. More specifically, we will show you how to: Provision a Kafka cluster on OpenShift Streams for Apache Kafka. Deploy and configure Debezium to use OpenShift Streams for Apache Kafka. Refactor an application to leverage Debezium and OpenShift Streams for Apache Kafka to avoid the dual write problem.

Friends don't let friends do dual writes: Outbox pattern with OpenShift Strea...

Red Hat Developers

Mehr von Red Hat Developers (20)