How to Win at UI Development in the World of Microservices - THAT Conference 2019

•

0 likes•260 views

You've figured out how to split up your backend services into microservices and scale your teams to the moon! But what about the front-end? Are you still building monoliths for your UI? This session will talk about the history of web frameworks, the microservices explosion, and techniques + frameworks for complementing your microservices with micro frontends. It'll include developer stories from folks implementing micro frontends and recommendations for learning more about them.

Software

How to Win at UI Development in the World of Microservices
August 7, 2019
Matt Raible | @mraible
Photo by Matthew Sullivan flickr.com/photos/shoebappa/2186734172
#THATConference

Blogger on raibledesigns.com and

developer.okta.com/blog
Web Developer and Java Champion
Father, Husband, Skier, Mountain
Biker, Whitewater Rafter
Open Source Connoisseur
Hi, I’m Matt Raible!
Bus Lover
Okta Developer Advocate

Today’s Agenda
History of Web Frameworks
The Microservices Explosion
UI Development in a
Microservices World 🌎
Real Developer Stories
How to Win 🏆
Photo by Glyn Lowe PhotoWorks ﬂickr.com/photos/glynlowe/10039742285

The Microservices Explosion 💥
https://martinfowler.com/articles/microservices.html

The Microservices Explosion 💥
Conway's Law in action Service boundaries reinforced by team boundaries

UI Development in a Microservices World 🌎
https://micro-frontends.org

State of the Art in Java + JavaScript
https://www.jhipster.tech

JHipster 6 Microservices UI Overview
https://youtu.be/-QCuWgLQmdg

⚡Micro Frontends
https://martinfowler.com/articles/micro-frontends.html

⚡Micro Frontends
https://micro-frontends.org

Techniques
Web components as the target output
Custom elements to create web components
DOM Events to communicate between frontends
Server-side rendering and SSI (server-side includes) or ESI
(edge-side includes)
CDNs and cache-busting as a deployment mechanism

Frameworks for Micro Frontends
Project Mosaic: https://www.mosaic9.org
Single-spa: https://single-spa.js.org
Demo: https://single-spa.surge.sh

Framework Usage
https://twitter.com/mraible/status/1156263974649778176

Other Companies using Micro Frontends
https://medium.com/@tomsoderlund/micro-frontends-a-microservice-approach-to-
front-end-web-development-f325ebdadc16

How to Win at UI Dev with Microservices
Use a monolith with one
framework, components, and
lazy-loading
Use micro frontends that
allows any framework,
leveraging web components

Learn More
https://micro-frontends.org
https://martinfowler.com/articles/micro-frontends.html
CaSE Podcast - https://www.case-podcast.org
Micro Frontends with Gustaf Nilsson Kotte
Web Frontend with Lucas Dohmen
ThoughtWorks Podcast: What’s so cool about micro frontends?

Make some $$ 🤑
https://github.com/jhipster/generator-jhipster/issues/10189

Thanks!
Keep in Touch
raibledesigns.com
@mraible
Presentations
speakerdeck.com/mraible
Code
github.com/oktadeveloper
developer.okta.com

How to Win at UI Development in the World of Microservices - THAT Conference 2019

What's hot

Choosing a Java Web Framework

Will Iverson

A Gentle Introduction to Angular Schematics - Angular SF 2019

Matt Raible

You might’ve heard of Angular Schematics, but do you know what they do? Learn how you can use this powerful tool to develop workflows and simplify configurations for your Angular projects. In this session, you'll learn how to create a schematic, how to test it, and how you can use them with non-Angular projects. * YouTube video: https://youtu.be/bLLJqagO_dg * Blog post: https://developer.okta.com/blog/2019/02/13/angular-schematics * GitHub repo: https://github.com/oktadeveloper/schematics

A Gentle Introduction to Angular Schematics - Devoxx Belgium 2019

Matt Raible

To simplify development and deployment, you want everything in the same artifact, so you put your React app “inside” your Spring Boot app, right? But what if you could create your React app as a standalone app and make cross-origin requests to your API? A client app that can point to any server makes it easy to test your current client code against other servers (e.g. test, staging, production). This session shows how to develop with Java 8, Spring Boot, React, and TypeScript. You’ll learn how to create REST endpoints with Spring MVC, configure Spring Boot to allow CORS, and create a React app to display its data. If time allows we’ll cover authentication with OpenID Connect and deployment to Cloud Foundry. Blog: https://developer.okta.com/blog/2017/12/06/bootiful-development-with-spring-boot-and-react GitHub: https://github.com/oktadeveloper/spring-boot-react-example

Bootiful Development with Spring Boot and React - UberConf 2018

Matt Raible

SF JUG - GWT Can Help You Create Amazing Apps - 2009-10-13

Fred Sauer

Front End Development for Back End Java Developers - NYJavaSIG 2019

Matt Raible

Hybrid Apps (Native + Web) via QtWebKit

Ariya Hidayat

Clojure Web Development

Hong Jiang

Spark IT 2011 - Java EE 6 Workshop

Arun Gupta

Os Johnson

oscon2007

Spark IT 2011 - Developing RESTful Web services with JAX-RS

Arun Gupta

During this presentation, I demonstrate how to implement authentication in your Java web applications using good ol' Java EE Container Managed Authentication, Spring Security and Apache Shiro. You'll also learn how to secure your REST API with OAuth and lock it down with SSL. After learning how to develop authentication, I'll introduce you to pentest your app, as well as OWASP, the OWASP Top 10, its Testing Guide and its Code Review Guide. Much of this talk is contained in demos and tutorials, which are available on my blog at http://raibledesigns.com/rd/tags/security and http://youtube.com/mraible.

Java Web Application Security - UberConf 2011

Matt Raible

JAX-RS JavaOne Hyderabad, India 2011

Shreedhar Ganapathy

Front End Development for Back End Developers - vJUG24 2017

Matt Raible

Web app security is not just authentication and authorization. It's also the things you do to protect your web app from attackers with their XSS (cross-site scripting), SQL injection, DoS/DDoS attacks, and CSRF (cross-site request forgery), to name a few. Web app security is a central component of any web-based business. The internet exposes web apps to attacks from different locations and various levels of scale and complexity. Web application security deals specifically with the security surrounding websites, web applications, and web services such as APIs. In this presentation, you'll learn seven ways to better web app security, using Spring Security for code samples. You'll also see some quick demos of Spring Boot, Angular, and JHipster with Okta.

Web App Security for Java Developers - UberConf 2021

Matt Raible

To simplify development and deployment, you want everything in the same artifact, so you put your React app “inside” your Spring Boot app, right? But what if you could create your React app as a standalone app and make cross-origin requests to your API? A client app that can point to any server makes it easy to test your current client code against other servers (e.g. test, staging, production). This session shows how to develop with Java 8, Spring Boot, React, and TypeScript. You’ll learn how to create REST endpoints with Spring MVC, configure Spring Boot to allow CORS, and create an React app to display its data. If time allows we’ll cover authentication with OpenID Connect and deployment to Cloud Foundry. Blog post: https://developer.okta.com/blog/2017/12/06/bootiful-development-with-spring-boot-and-react Demo app: https://github.com/oktadeveloper/spring-boot-react-example

Bootiful Development with Spring Boot and React - SpringOne 2017

Matt Raible

In this session, I show how to build a Progressive Web App (PWA) AND a mobile app using Ionic, Angular and JHipster. PWAs are being hyped as the next big thing in mobile development. This talk describes the trials and tribulations of developing the Ionic Module for JHipster. It will show how you can easily generate Ionic UIs and describe the pain points of working with Node and Yeoman to develop this module. My Dev Story about Ionic for JHipster on YouTube: https://www.youtube.com/watch?v=B7TjR_rJVeU

Developing PWAs and Mobile Apps with Ionic, Angular, and JHipster - Devoxx Mo...

Matt Raible

Case Study: Migrating Hyperic from EJB to Spring from JBoss to Apache Tomcat

VMware Hyperic

Acegi Security is quickly becoming a widely respected security framework for Java applications. Not only does this security framework solve many of the deficiencies of J2EE's security mechanisms, but it's also easy to implement and configure. This tutorial will help you learn more about Acegi Security, as well as how to integrate it into your web applications. The Roller Weblogger project (currently in Apache's incubator) uses Acegi Security for many of its features: authentication, password encryption, remember me and SSL switching. After learning about Roller and Acegi, you will see how to deploy Roller onto Tomcat and Geronimo. Following that, you will learn how to hook Roller/Acegi into Apache Directory Server for authentication. Finally, you will learn how to integrate Roller with a Single Sign-on System (Yale's Central Authentication Service).

Apache Roller, Acegi Security and Single Sign-on

Matt Raible

JavaOne India 2011 - Running your Java EE 6 Apps in the Cloud

Arun Gupta

What's hot (20)

Choosing a Java Web Framework

A Gentle Introduction to Angular Schematics - Angular SF 2019

A Gentle Introduction to Angular Schematics - Devoxx Belgium 2019

Bootiful Development with Spring Boot and React - UberConf 2018

SF JUG - GWT Can Help You Create Amazing Apps - 2009-10-13

Front End Development for Back End Java Developers - NYJavaSIG 2019

Hybrid Apps (Native + Web) via QtWebKit

Clojure Web Development

Spark IT 2011 - Java EE 6 Workshop

Os Johnson

Spark IT 2011 - Developing RESTful Web services with JAX-RS

Java Web Application Security - UberConf 2011

JAX-RS JavaOne Hyderabad, India 2011

Front End Development for Back End Developers - vJUG24 2017

Web App Security for Java Developers - UberConf 2021

Bootiful Development with Spring Boot and React - SpringOne 2017

Developing PWAs and Mobile Apps with Ionic, Angular, and JHipster - Devoxx Mo...

Case Study: Migrating Hyperic from EJB to Spring from JBoss to Apache Tomcat

Apache Roller, Acegi Security and Single Sign-on

JavaOne India 2011 - Running your Java EE 6 Apps in the Cloud

Similar to How to Win at UI Development in the World of Microservices - THAT Conference 2019

JHipster is bad-ass. It's an Apache-licensed open source project that allows you to generate Spring Boot APIs and Angular (or React/Vue) apps. It has a vibrant community and ecosystem with support for deploying to many cloud providers and using the latest DevOps buzzwords, like Docker and K8s. This session will show you JHipster, why it's cool, and show you how to create an app with it. JHipster 7 Demo: https://www.youtube.com/watch?v=6lf64CctDAQ JHipster 7 Tutorial: https://github.com/mraible/jhipster7-demo#readme

Get Hip with JHipster - Colorado Springs Open Source User Group 2021

Matt Raible

You've figured out how to split up your backend services into microservices and scale your teams to the moon, right? But what about the frontend? Are you still building monoliths for your UI? If so, you might want to check out micro frontends—basically extensions to the microservices pattern, where the concept is extended to the frontend. Find out how to package and deploy your microservices and their UIs in the same artifact, as well as make it possible to test and develop them independently. In this live session, Matt will show you how to build a microservices and micro frontends architecture using Angular, Spring Boot, and Spring Cloud. Related blog post: https://auth0.com/blog/micro-frontends-for-java-microservices GitHub repo: https://github.com/oktadev/auth0-micro-frontends-jhipster-example

Micro Frontends for Java Microservices - Cork JUG 2022

Matt Raible

Parisjs fastvideoandimages

Doug Sillars

Waterford fast images

Doug Sillars

Beautiful and Fast Images

Doug Sillars

You've figured out how to split up your backend services into microservices and scale your teams to the moon, right? But what about the frontend? Are you still building monoliths for your UI? If so, you might want to check out micro frontends—basically extensions to the microservices pattern, where the concept is extended to the frontend. Find out how to package and deploy your microservices and their UIs in the same artifact, as well as make it possible to test and develop them independently. In this live session, Matt will show you how to build a microservices and micro frontends architecture using Angular, Spring Boot, and Spring Cloud. YouTube: https://youtu.be/lKC55S-OxPQ Related blog post: https://auth0.com/blog/micro-frontends-for-java-microservices GitHub repo: https://github.com/oktadev/auth0-micro-frontends-jhipster-example

Micro Frontends for Java Microservices - Dublin JUG 2022

Matt Raible

Micro Frontends for Java Microservices - Belfast JUG 2022

Matt Raible

Beautifully accessible

LeviMcGranahan

Keynote I

goodfriday

You’re in love with Spring Boot, but you miss your old pal AngularJS? Don’t fear, Vue.js is here! Vue is very similar to AngularJS, but much more powerful, yet slim and light for PWAs. In this session, you’ll see how to build a Spring Boot API and secure it with Spring Security. You’ll also learn how to build a Vue.js PWA, all the while enjoying a bootiful hot-code-reload experience. Lots of live coding in this one! Additional information: * Blog post: http://bit.ly/boot-and-vue * GitHub repo: https://github.com/oktadeveloper/spring-boot-vue-example * YouTube demo: https://youtu.be/aBXmi-J4LQs

Bootiful Development with Spring Boot and Vue - Devnexus 2019

Matt Raible

Predictability for the Web

Robert Nyman

Welcome to IWMW 2010

lisbk

Performance and User Experience for the Web of Tomorrow

WP Engine

It feels like we have building web sites and applications for centuries, doesn’t it? However, we know that this is so untrue, because the web is only 25 years old since Sir Tim Berner’s Lee great proposal at CERN. The impetus of online design and development has changed, we now talk about the Digital Worker, the Digital environment and we about building web applications and ecommerce applications that are user friendly and customer centric. So what has this all to with the humble Java application developer? The answer is everything. We must be explicit in the software that we write, lean and agile in the way we write, and whilst making sure the take full advantage of the underlying Java platform. In fact, because we have this magnificent Java Virtual Machine and open standards like Java EE, we can continue build quality, robust and sustainable software for all our stakeholders and business users. Introduction to Java EE 7 (brief) Personality requirements for the digital worker The absolute minimum toolchains for Java based digital worker Introducing Arquillian framework Overview of some essential features of Java EE 7

JavaCro'14 - Going Digital with Java EE - Peter Pilgrim

HUJAK - Hrvatska udruga Java korisnika / Croatian Java User Association

Understanding Microservices

vguhesan

It feels like we have building web sites and applications for centuries, doesn't it? However, we know that this is so untrue, because the web is only 25 years old since Sir Tim Berner's Lee great proposal at CERN. The impetus of online design and development has changed, we now talk about the Digital Worker, the Digital environment and we about building web applications and ecommerce applications that are user friendly and customer centric. So what has this all to with the humble Java application developer? The answer is everything. We must be explicit in the software that we write, lean and agile in the way we write, and whilst making sure the take full advantage of the underlying Java platform. In fact, because we have this magnificent Java Virtual Machine and open standards like Java EE, we can continue build quality, robust and sustainable software for all our stakeholders and business users.

JavaCro 2014 Digital Development with Java EE and Java Platform

Peter Pilgrim

Responsive Images and Video

Jason Grigsby

Responsive Web Design & the state of the Web

Yiannis Konstantakopoulos

Build (Web)VR with A-Frame (COSCUP 2019 Taipei)

Robert 'Bob' Reyes

Going Fast on the Mobile Web

Jason Grigsby

Similar to How to Win at UI Development in the World of Microservices - THAT Conference 2019 (20)

Get Hip with JHipster - Colorado Springs Open Source User Group 2021

Micro Frontends for Java Microservices - Cork JUG 2022

Parisjs fastvideoandimages

Waterford fast images

Beautiful and Fast Images

Micro Frontends for Java Microservices - Dublin JUG 2022

Micro Frontends for Java Microservices - Belfast JUG 2022

Beautifully accessible

Keynote I

Bootiful Development with Spring Boot and Vue - Devnexus 2019

Predictability for the Web

Welcome to IWMW 2010

Performance and User Experience for the Web of Tomorrow

JavaCro'14 - Going Digital with Java EE - Peter Pilgrim

Understanding Microservices

JavaCro 2014 Digital Development with Java EE and Java Platform

Responsive Images and Video

Responsive Web Design & the state of the Web

Build (Web)VR with A-Frame (COSCUP 2019 Taipei)

Going Fast on the Mobile Web

More from Matt Raible

What if keeping your user stores in sync across domains was as simple as running "java -jar"? With Apache SCIMPle, it is! Apache SCIMple is a SCIM 2.0-compliant server powered by Spring Boot 3. You can run it standalone or embedded in your existing app. It exposes user management REST endpoints and handles the hassle of user synchronization for you. If your identity provider supports SCIM, use the simple way! GitHub example: https://github.com/mraible/okta-scim-spring-boot-example Demo script: https://github.com/mraible/okta-scim-spring-boot-example/blob/main/demo.adoc

Keep Identities in Sync the SCIMple Way - ApacheCon NA 2022

Matt Raible

Use Spring Boot! No, use Micronaut!! Nooooo, Quarkus is the best!!! What about Helidon? There are a lot of developers praising the hottest, and fastest, Java REST frameworks: Micronaut, Quarkus, Spring Boot, and Helidon. In this session, you'll learn how to do the following with each framework: ✅ Build a REST API ✅ Secure your API with OAuth 2.0 ✅ Optimize for production with Docker and GraalVM I'll also share some performance numbers and pretty graphs to compare community metrics. Related blog post: https://developer.okta.com/blog/2021/06/18/native-java-framework-comparison Helidon companion post: https://developer.okta.com/blog/2022/01/06/native-java-helidon GitHub repo: https://github.com/oktadev/native-java-examples

Comparing Native Java REST API Frameworks - Seattle JUG 2022

Matt Raible

Microservice architectures are all the rage in JavaLand. They allow teams to develop services independently and deploy autonomously. Why microservices? IF you are developing a large/complex application AND you need to deliver it rapidly, frequently, and reliably over a long period of time THEN the Microservice Architecture is often a good choice. Reactive architectures are becoming increasingly popular for organizations that need to do more, with less hardware. Reactive programming allows you to build systems that are resilient to high load. In this session, I'll show you how to use JHipster to create a reactive microservices architecture with Spring Boot, Spring Cloud, Keycloak, and run it all in Docker. You will leave with the know-how to create your own resilient apps! Related blog post: https://developer.okta.com/blog/2021/01/20/reactive-java-microservices YouTube demo: https://youtu.be/clkEUHWT9-M GitHub repo: https://github.com/oktadev/java-microservices-examples/tree/main/reactive-jhipster

Reactive Java Microservices with Spring Boot and JHipster - Spring I/O 2022

Matt Raible

Comparing Native Java REST API Frameworks - Devoxx France 2022

Matt Raible

In this session, you'll learn about recommended patterns for securing your backend APIs, the infrastructure they run on, and your SPAs and mobile apps. The world is no longer a place where you just need to secure your apps’ UI. You need to pay attention to your dependency pipeline and open-source frameworks, too. Once you have the app built, with secure-by-design code, what about the cloud it runs on? Are the servers secure? What about the accounts you use to access them? If you lock all that sh*t down, how do you codify your solution so you can transport it cloud-to-cloud, or back to on-premises? This session will explore these concepts and many more!

Lock That Sh*t Down! Auth Security Patterns for Apps, APIs, and Infra - Devne...

Matt Raible

Do you want to deploy your Spring Boot apps in a serverless environment and have them start up in milliseconds? Of course, you do! In this talk, Josh Long and Matt Raible will introduce you to Spring Native. They'll teach you all about how it can compile Spring Boot apps into native binaries that start faster than a speeding bullet! You'll learn about native testing support with JUnit 5 and the pros and cons of native vs JVM deployments. This talk will also highlight a customer, the JHipster project. JHipster generates Spring Boot-based monoliths and microservices. You'll learn about the project's experience with Spring Boot, Spring Cloud, Spring WebFlux, and Spring Native. It ain't easy being a Java Hipster, but the Spring ecosystem does simplify the process quite a bit. Recording on YouTube: https://youtu.be/k6nBB8FOmQ8 Examples on GitHub: https://github.com/mraible/spring-native-examples Writeup on LinkedIn: https://www.linkedin.com/pulse/jhipster-works-spring-native-part-2-matt-raible/

Native Java with Spring Boot and JHipster - Garden State JUG 2021

Matt Raible

Web App Security for Java Developers - PWX 2021

Matt Raible

Mobile development offers a lot of options. To develop native apps, you can use Java or Kotlin on Android. On iOS, you can use Objective C or Swift. There are other options, too. You can build hybrid mobile apps and Progressive Web Apps (PWAs). Hybrid mobile apps are those created with web technologies (HTML, JavaScript, and CSS) that look like native apps. PWAs have the ability to work offline and act like mobile apps. In this talk, we'll explore a few different mobile technologies: PWAs, React Native, and Ionic (with Angular). You'll walk away with knowledge of how to build mobile + Spring Boot apps in minutes with JHipster. * GitHub repo: https://github.com/mraible/mobile-jhipster * Demo script: https://github.com/mraible/mobile-jhipster/blob/main/demo.adoc

Mobile App Development with Ionic, React Native, and JHipster - Connect.Tech ...

Matt Raible

Lock That Shit Down! Auth Security Patterns for Apps, APIs, and Infra - Joker...

Matt Raible

Use Spring Boot! No, use Micronaut!! Nooooo, Quarkus is the best!!! There's a lot of developers praising the hottest, and fastest, Java REST frameworks: Micronaut, Quarkus, and Spring Boot. In this session, you'll learn how to do the following with each framework: ✅ Build a REST API ✅ Secure your API with OAuth 2.0 ✅ Optimize for production with Docker and GraalVM I'll also share some performance numbers and pretty graphs to compare community metrics. Related blog post: https://developer.okta.com/blog/2021/06/18/native-java-framework-comparison

Java REST API Framework Comparison - UberConf 2021

Matt Raible

Do you want to deploy your Spring Boot apps in a serverless environment and have them start up in milliseconds? Of course, you do! In this talk, Josh Long and Matt Raible will introduce you to Spring Native. They'll teach you all about how it can compile Spring Boot apps into native binaries that start faster than a speeding bullet! You'll learn about native testing support with JUnit 5 and the pros and cons of native vs JVM deployments. This talk will also highlight a customer, the JHipster project. JHipster generates Spring Boot-based monoliths and microservices. You'll learn about the project's experience with Spring Boot, Spring Cloud, Spring WebFlux, and Spring Native. It ain't easy being a Java Hipster, but the Spring ecosystem does simplify the process quite a bit. Recording on YouTube: https://youtu.be/F9oydL_MndA Examples on GitHub: https://github.com/mraible/spring-native-examples Writeup on LinkedIn: https://www.linkedin.com/pulse/jhipster-works-spring-native-matt-raible/

Native Java with Spring Boot and JHipster - SF JUG 2021

Matt Raible

In this session, you'll learn about recommended patterns for securing your backend APIs, the infrastructure they run on, and your SPAs and mobile apps. The world is no longer a place where you just need to secure your apps’ UI. You need to pay attention to your dependency pipeline and open source frameworks, too. Once you have the app built, with secure-by-design code, what about the cloud it runs on? Are the servers secure? What about the accounts you use to access them? If you lock all that sh*t down, how do you codify your solution so you can transport it cloud-to-cloud, or back to on-premises? This session will explore these concepts and many more!

Lock That Shit Down! Auth Security Patterns for Apps, APIs, and Infra - Sprin...

Matt Raible

Microservice architectures are all the rage in JavaLand. They allow teams to develop services independently and deploy autonomously. Why microservices? IF you are developing a large/complex application AND you need to deliver it rapidly, frequently, and reliably over a long period of time THEN the Microservice Architecture is often a good choice Reactive architectures are becoming increasingly popular for organizations that need to do more, with less hardware. Reactive programming allows you to build systems that are resilient to high loads. In this session, I'll show you how to use JHipster to create a reactive microservices architecture with Spring Boot, Spring Cloud, Keycloak, and run it all in Docker. You will leave with the know-how to create your own resilient apps! Related blog post: https://developer.okta.com/blog/2021/01/20/reactive-java-microservices YouTube demo: https://youtu.be/clkEUHWT9-M YouTube recording: https://youtu.be/8OuZMFyh0xE GitHub repo: https://github.com/oktadev/java-microservices-examples/tree/main/reactive-jhipster

Reactive Java Microservices with Spring Boot and JHipster - Denver JUG 2021

Matt Raible

YouTube video: https://www.youtube.com/watch?v=ym-OPn4e_nQ When I first started working at Okta, I refactored JHipster's OAuth support to move from authentication on the client to the server, leveraging Spring Security. This allowed for easier client integration since we didn't need to worry about finding an OIDC client for each frontend framework. Fast forward four years and JHipster's OAuth 2.0 and OIDC support is first-class! It uses Keycloak in a Docker container by default, but it's easy to switch to another identity provider (IdP) thanks to Spring Boot. Other blueprints like Micronaut, Quarkus, Node.js, and .NET support OAuth and OIDC too! This presentation explains what OAuth 2.0 and OIDC is, gives an overview of JHipster’s OAuth implementation, and provides three quick demos with Keycloak, the Okta CLI, and Heroku. See https://developer.okta.com/blog/tags/jhipster for Okta + JHipster tutorials and screencasts! 邏 You also might enjoy my What the Heck is OAuth? blog post: https://developer.okta.com/blog/2017/06/21/what-the-heck-is-oauth

JHipster and Okta - JHipster Virtual Meetup December 2020

Matt Raible

"Use Spring Boot! No, use Micronaut!! Nooooo, Quarkus is the best!!!" There's a lot of developers praising the hottest, and fastest, Java REST frameworks: Micronaut, Quarkus, and Spring Boot. In this session, you'll learn how to do the following with each framework: ✅ Build a REST API ✅ Secure your API with OAuth 2.0 ✅ Optimize for production with Docker and GraalVM I'll also share some performance numbers and pretty graphs to compare community metrics. Related blog post: https://developer.okta.com/blog/2020/01/09/java-rest-api-showdown GitHub repo: https://github.com/oktadeveloper/okta-java-rest-api-comparison-example

Java REST API Comparison: Micronaut, Quarkus, and Spring Boot - jconf.dev 2020

Matt Raible

Are you securing your microservice architectures by hiding them behind a firewall? That works, but there are better ways to do it. This presentation recommends 11 patterns to secure microservice architectures. 1. Be Secure by Design 2. Scan Dependencies 3. Use HTTPS Everywhere 4. Use Access and Identity Tokens 5. Encrypt and Protect Secrets 6. Verify Security with Delivery Pipelines 7. Slow Down Attackers 8. Use Docker Rootless Mode 9. Use Time-Based Security 10. Scan Docker and Kubernetes Configuration for Vulnerabilities 11. Know Your Cloud and Cluster Security Blog post: https://developer.okta.com/blog/2020/03/23/microservice-security-patterns

Security Patterns for Microservice Architectures - SpringOne 2020

Matt Raible

Security Patterns for Microservice Architectures - ADTMag Microservices & API...

Matt Raible

Microservices are being deployed by many Java Hipsters. If you're working with a large team that needs different release cycles for product components, microservices can be a blessing. If you're working at your VW Restoration Shop and running its online store with your own software, having five services to manage and deploy can be a real pain. This presentation will show you how to use JHipster to create a microservices architecture with Spring Boot, Spring Cloud, Keycloak, and run it all in Docker. You will leave with the know-how to create your own excellent apps! Related blog posts: * Java Microservices with Spring Boot and Spring Cloud: https://developer.okta.com/blog/2019/05/22/java-microservices-spring-boot-spring-cloud * Java Microservices with Spring Cloud Config and JHipster: https://developer.okta.com/blog/2019/05/23/java-microservices-spring-cloud-config * Secure Reactive Microservices with Spring Cloud Gateway: https://developer.okta.com/blog/2019/08/28/reactive-microservices-spring-cloud-gateway

Microservices for the Masses with Spring Boot, JHipster, and OAuth - South We...

Matt Raible

Security Patterns for Microservice Architectures - London Java Community 2020

Matt Raible

Security Patterns for Microservice Architectures - Oktane20

Matt Raible

More from Matt Raible (20)

Keep Identities in Sync the SCIMple Way - ApacheCon NA 2022

Comparing Native Java REST API Frameworks - Seattle JUG 2022

Reactive Java Microservices with Spring Boot and JHipster - Spring I/O 2022

Comparing Native Java REST API Frameworks - Devoxx France 2022

Lock That Sh*t Down! Auth Security Patterns for Apps, APIs, and Infra - Devne...

Native Java with Spring Boot and JHipster - Garden State JUG 2021

Web App Security for Java Developers - PWX 2021

Mobile App Development with Ionic, React Native, and JHipster - Connect.Tech ...

Lock That Shit Down! Auth Security Patterns for Apps, APIs, and Infra - Joker...

Java REST API Framework Comparison - UberConf 2021

Native Java with Spring Boot and JHipster - SF JUG 2021

Lock That Shit Down! Auth Security Patterns for Apps, APIs, and Infra - Sprin...

Reactive Java Microservices with Spring Boot and JHipster - Denver JUG 2021

JHipster and Okta - JHipster Virtual Meetup December 2020

Java REST API Comparison: Micronaut, Quarkus, and Spring Boot - jconf.dev 2020

Security Patterns for Microservice Architectures - SpringOne 2020

Security Patterns for Microservice Architectures - ADTMag Microservices & API...

Microservices for the Masses with Spring Boot, JHipster, and OAuth - South We...

Security Patterns for Microservice Architectures - London Java Community 2020

Security Patterns for Microservice Architectures - Oktane20

Recently uploaded

5 Signs You Need a Fashion PLM Software.pdf

Wave PLM

Many specialized tools cater to distinct stages within the software development lifecycle (SDLC). These tools target various aspects of development, delivery, and operations, each with its unique strengths. Uniting these diverse testing needs into a single continuous testing platform presents several challenges. Such a platform must seamlessly integrate with various development tools and environments, accommodate different testing methodologies, and remain flexible to adapt to organizational processes and quality standards.

The Guide to Integrating Generative AI into Unified Continuous Testing Platfo...

kalichargn70th171

Define the academic and professional writing..pdf

PearlKirahMaeRagusta1

Vip Call Girls Noida ➡️ Delhi ➡️ 9999965857 No Advance 24HRS Live Booking Contact Details :- WhatsApp Chat :- [+91-9999965857 ] The Best Call Girls Delhi At Your Service Russian Call Girls Delhi Doing anything intimate with can be a wonderful way to unwind from life's stresses, while having some fun. These girls specialize in providing sexual pleasure that will satisfy your fetishes; from tease and seduce their clients to keeping it all confidential - these services are also available both install and outcall, making them great additions for parties or business events alike. Their expert sex skills include deep penetration, oral sex, cum eating and cum eating - always respecting your wishes as part of the experience (29-April-2024(PSS)

Vip Call Girls Noida ➡️ Delhi ➡️ 9999965857 No Advance 24HRS Live

Call Girls In Delhi Whatsup 9873940964 Enjoy Unlimited Pleasure

+971565801893 Mtp-Kit (500MG) Prices » Dubai [(+971565801893**)] Abortion Pills For Sale In Dubai, UAE, Mifepristone and Misoprostol Tablets Available In Dubai, UAE CONTACT DR.Leen Whatsapp +971565801893 We Have Abortion Pills / Cytotec Tablets /Mifegest Kit Available in Dubai, Sharjah, Abudhabi, Ajman, Alain, Fujairah, Ras Al Khaimah, Umm Al Quwain, UAE, Buy cytotec in Dubai +971565801893''''Abortion Pills near me DUBAI | ABU DHABI|UAE. Price of Misoprostol, Cytotec” +971565801893' Dr.DEEM ''BUY ABORTION PILLS MIFEGEST KIT, MISOPROTONE, CYTOTEC PILLS IN DUBAI, ABU DHABI,UAE'' Contact me now via What's App…… abortion Pills Cytotec also available Oman Qatar Doha Saudi Arabia Bahrain Above all, Cytotec Abortion Pills are Available In Dubai / UAE, you will be very happy to do abortion in Dubai we are providing cytotec 200mg abortion pill in Dubai, UAE. Medication abortion offers an alternative to Surgical Abortion for women in the early weeks of pregnancy. We only offer abortion pills from 1 week-6 Months. We then advise you to use surgery if its beyond 6 months. Our Abu Dhabi, Ajman, Al Ain, Dubai, Fujairah, Ras Al Khaimah (RAK), Sharjah, Umm Al Quwain (UAQ) United Arab Emirates Abortion Clinic provides the safest and most advanced techniques for providing non-surgical, medical and surgical abortion methods for early through late second trimester, including the Abortion By Pill Procedure (RU 486, Mifeprex, Mifepristone, early options French Abortion Pill), Tamoxifen, Methotrexate and Cytotec (Misoprostol). The Abu Dhabi, United Arab Emirates Abortion Clinic performs Same Day Abortion Procedure using medications that are taken on the first day of the office visit and will cause the abortion to occur generally within 4 to 6 hours (as early as 30 minutes) for patients who are 3 to 12 weeks pregnant. When Mifepristone and Misoprostol are used, 50% of patients complete in 4 to 6 hours; 75% to 80% in 12 hours; and 90% in 24 hours. We use a regimen that allows for completion without the need for surgery 99% of the time. All advanced second trimester and late term pregnancies at our Tampa clinic (17 to 24 weeks or greater) can be completed within 24 hours or less 99% of the time without the need surgery. The procedure is completed with minimal to no complications. Our Women's Health Center located in Abu Dhabi, United Arab Emirates, uses the latest medications for medical abortions (RU-486, Mifeprex, Mifegyne, Mifepristone, early options French abortion pill), Methotrexate and Cytotec (Misoprostol). The safety standards of our Abu Dhabi, United Arab Emirates Abortion Doctors remain unparalleled. They consistently maintain the lowest complication rates throughout the nation. Our Physicians and staff are always available to answer questions and care for women in one of the most difficult times in their lives. The decision to have an abortion at the Abortion Clinic in Abu Dhabi, United Arab Emirates.+971565801893

+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...

Health

HR Software Buyers Guide in 2024 - HRSoftware.com

Fatema Valibhai

Azure Native Qumulo scales elastically for common High Performance Compute (HPC) workloads based on application requirements for: Financial Services, Automotive, Genomics / Life Sciences, Media and Entertainment, Energy, Oil and Gas, etc. Performance can be dialed UP (and back down) much higher than the examples shown here. These slides offer a glimpse into ANQ's HPC capabilities, although at a smaller scale. We invite YOU to do your own testing (with a free ANQ trial) and work with us to test your HPC workloads in Azure.

Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf

ryanfarris8

Unlocking the Future of AI Agents with Large Language Models

aagamshah0812

Model Call Girl Services in Delhi reach out to us at 🔝 9953056974 🔝✔️✔️ Our agency presents a selection of young, charming call girls available for bookings at Oyo Hotels. Experience high-class escort services at pocket-friendly rates, with our female escorts exuding both beauty and a delightful personality, ready to meet your desires. Whether it's Housewives, College girls, Russian girls, Muslim girls, or any other preference, we offer a diverse range of options to cater to your tastes. We provide both in-call and out-call services for your convenience. Our in-call location in Delhi ensures cleanliness, hygiene, and 100% safety, while our out-call services offer doorstep delivery for added ease. We value your time and money, hence we kindly request pic collectors, time-passers, and bargain hunters to refrain from contacting us. Our services feature various packages at competitive rates: One shot: ₹2000/in-call, ₹5000/out-call Two shots with one girl: ₹3500/in-call, ₹6000/out-call Body to body massage with sex: ₹3000/in-call Full night for one person: ₹7000/in-call, ₹10000/out-call Full night for more than 1 person: Contact us at 🔝 9953056974 🔝. for details Operating 24/7, we serve various locations in Delhi, including Green Park, Lajpat Nagar, Saket, and Hauz Khas near metro stations. For premium call girl services in Delhi 🔝 9953056974 🔝. Thank you for considering us!

CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE

9953056974 Low Rate Call Girls In Saket, Delhi NCR

VTU technical seminar 8Th Sem on Scikit-learn

AmarnathKambale

At the recent Microsoft Ignite 2023 conference, Microsoft unveiled a groundbreaking strategy that will redefine enterprise work management. The plan involves integrating Microsoft’s key planning tools, Microsoft To Do, Microsoft Planner, and Microsoft Project for the web into a unified experience called “Microsoft Planner.” What does this new strategy from Microsoft mean for current users? Join us and learn how best to take advantage of this announcement while gaining a clear path on how to elevate the current state of Microsoft Planner from a basic task manager to a comprehensive tool for Enterprise Work Management using OnePlan. Learn how OnePlan’s integration with Microsoft Planner allows for strategic alignment with business goals through advanced features like strategic planning, portfolio management, resource management, financial management, and more!

Introducing Microsoft’s new Enterprise Work Management (EWM) Solution

OnePlan Solutions

Craft an AI & Machine Learning Pitch with our Editable Professional PowerPoint Template. Ignite your AI & Machine Learning pitch with our cutting-edge PowerPoint template tailored for the industry. Perfect for AI conferences, investor presentations, sales pitches to tech-focused companies, training sessions, and educational programs. - 20+ editable slides: Get a variety of options to choose from for your presentation. - Time-saving solution: Download, replace text/images with a few clicks. - User-friendly customization: Easy to use and personalize. - Modern and attractive design: Captivating visuals, sleek layout. - Tailored to your requirements: Fully alterable for customization. - Well-organized slides: Complete control over content. - Thematic specificity: Reflects healthcare industry with relevant graphics. - Showcase your business idea: Communicate value proposition effectively.

AI & Machine Learning Presentation Template

Presentation.STUDIO

A Secure and Reliable Document Management System is Essential.docx

ComplianceQuest1

Tech Tuesday-Harness the Power of Effective Resource Planning with OnePlan’s ...

OnePlan Solutions

Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf

kalichargn70th171

Investing in AI transformation today The modern business advantage: Uncovering deep insights with AI Organizations around the world have come to recognize AI as the transformative technology that enables them to gain real business advantage. AI’s ability to organize vast quantities of data allows those who implement it to uncover deep business insights, augment human expertise, drive operational efficiency, transform their products, and better serve their customers

Microsoft AI Transformation Partner Playbook.pdf

Willy Marroquin (WillyDevNET)

Diamond Application Development Crafting Solutions with Precision

SolGuruz

A great deal of attention in medical devices has shifted towards cybersecurity with the ratification of section 524B of the FD&C act. This new law enables the FDA to enforce cybersecurity controls in any medical device that is capable of networked communications or that has software. In this webinar we will recap the process for managing vulnerabilities, identify categories of vulnerabilities and solutions and more.

The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...

ICS

Direct Style Effect Systems -The Print[A] Example- A Comprehension Aid

Philip Schwarz

InShot proinshot.com stands tall among its peers as the ultimate video editing app, offering simplicity, versatility, and power in one package. With its intuitive interface and comprehensive feature set, InShot caters to both beginners and seasoned editors alike. Whether you're creating content for social media, YouTube, or personal projects, InShot empowers you to unleash your creativity and transform your videos into captivating masterpieces. Join the millions of users who trust InShot https://www.proinshot.com/ for all their video editing needs and discover the difference for yourself!

Exploring the Best Video Editing App.pdf

proinshot.com

Recently uploaded (20)

5 Signs You Need a Fashion PLM Software.pdf

The Guide to Integrating Generative AI into Unified Continuous Testing Platfo...

Define the academic and professional writing..pdf

Vip Call Girls Noida ➡️ Delhi ➡️ 9999965857 No Advance 24HRS Live

+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...

HR Software Buyers Guide in 2024 - HRSoftware.com

Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf

Unlocking the Future of AI Agents with Large Language Models

CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE

VTU technical seminar 8Th Sem on Scikit-learn

Introducing Microsoft’s new Enterprise Work Management (EWM) Solution

AI & Machine Learning Presentation Template

A Secure and Reliable Document Management System is Essential.docx

Tech Tuesday-Harness the Power of Effective Resource Planning with OnePlan’s ...

Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf

Microsoft AI Transformation Partner Playbook.pdf

Diamond Application Development Crafting Solutions with Precision

The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...

Direct Style Effect Systems -The Print[A] Example- A Comprehension Aid

Exploring the Best Video Editing App.pdf

How to Win at UI Development in the World of Microservices - THAT Conference 2019

1. How to Win at UI Development in the World of Microservices August 7, 2019 Matt Raible | @mraible Photo by Matthew Sullivan flickr.com/photos/shoebappa/2186734172 #THATConference

4. Blogger on raibledesigns.com and developer.okta.com/blog Web Developer and Java Champion Father, Husband, Skier, Mountain Biker, Whitewater Rafter Open Source Connoisseur Hi, I’m Matt Raible! Bus Lover Okta Developer Advocate

6. developer.okta.com

7. What About You?

8. Today’s Agenda History of Web Frameworks The Microservices Explosion UI Development in a Microservices World 🌎 Real Developer Stories How to Win 🏆 Photo by Glyn Lowe PhotoWorks ﬂickr.com/photos/glynlowe/10039742285

9. A Brief History of Web Frameworks

10. The Microservices Explosion 💥 https://martinfowler.com/articles/microservices.html

11. The Microservices Explosion 💥 Conway's Law in action Service boundaries reinforced by team boundaries

12. UI Development in a Microservices World 🌎 https://micro-frontends.org

13. State of the Art in Java + JavaScript https://www.jhipster.tech

14. JHipster 6 Microservices UI Overview https://youtu.be/-QCuWgLQmdg

15. ⚡Micro Frontends https://martinfowler.com/articles/micro-frontends.html

16. ⚡Micro Frontends https://micro-frontends.org

17. ⚡Micro Frontends https://micro-frontends.org

18. Techniques Web components as the target output Custom elements to create web components DOM Events to communicate between frontends Server-side rendering and SSI (server-side includes) or ESI (edge-side includes) CDNs and cache-busting as a deployment mechanism

19. Frameworks for Micro Frontends Project Mosaic: https://www.mosaic9.org Single-spa: https://single-spa.js.org Demo: https://single-spa.surge.sh

20. Framework Usage https://twitter.com/mraible/status/1156263974649778176

21. Real Developer Stories

22. Other Companies using Micro Frontends https://medium.com/@tomsoderlund/micro-frontends-a-microservice-approach-to- front-end-web-development-f325ebdadc16

23. How to Win at UI Dev with Microservices Use a monolith with one framework, components, and lazy-loading Use micro frontends that allows any framework, leveraging web components

24. Learn More https://micro-frontends.org https://martinfowler.com/articles/micro-frontends.html CaSE Podcast - https://www.case-podcast.org Micro Frontends with Gustaf Nilsson Kotte Web Frontend with Lucas Dohmen ThoughtWorks Podcast: What’s so cool about micro frontends?

25. Make some $$ 🤑 https://github.com/jhipster/generator-jhipster/issues/10189

26. developer.okta.com/blog @oktadev

27. Thanks! Keep in Touch raibledesigns.com @mraible Presentations speakerdeck.com/mraible Code github.com/oktadeveloper developer.okta.com

How to Win at UI Development in the World of Microservices - THAT Conference 2019

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to How to Win at UI Development in the World of Microservices - THAT Conference 2019

Similar to How to Win at UI Development in the World of Microservices - THAT Conference 2019 (20)

More from Matt Raible

More from Matt Raible (20)

Recently uploaded

Recently uploaded (20)

How to Win at UI Development in the World of Microservices - THAT Conference 2019