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
CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE
Mobile Development with Ionic, React Native, and JHipster - JavaLand 2021
1. Mobile Development with Ionic, React Native, and JHipster
Matt Raible | @mraible
Photo by Rami Al-zayat unsplash.com/photos/w33-zg-dNL4
March 17, 2021
4. How to Use JHipster
Install JHipster and Yeoman, using npm:
npm install -g generator-jhipster
Create a directory and cd into it:
mkdir newapp && cd newapp
Run it!
jhipster
5.
6. @mraible
Hi, I’m Matt Raible
Father, Husband, Skier, Mountain
Biker, Whitewater Rafter
Bus Lover
Web Developer and Java Champion
Okta Developer Advocate
Blogger on raibledesigns.com and
developer.okta.com/blog
@mraible
11. Agenda 1. Introduction to Reactive JHipster
2. Ionic for JHipster
3. JHipster React Native
4. Flutter for JHipster
5. JHipster Roadmap
6. Action!
12. Introduction to JHipster
What is JHipster?
Installing and Using JHipster
Progressive Web Applications Overview
Part 1
13. A resilient microservice architecture
with cloud native principles in mind
JHipster Goals
A sleek, modern, mobile-first UI
with Angular, React, or Vue +
Bootstrap for CSS
A high-performance and robust
server-side stack with excellent
test coverage
A powerful workflow to build your
application with Webpack and
Maven or Gradle
14. How to Use JHipster
Install JHipster and Yeoman, using npm:
npm install -g generator-jhipster
Create a directory and cd into it:
take newapp
Run it!
jhipster
26. Why?
The first version of 21-Points Health I wrote with JHipster 2.x was
painful to use on a mobile device. Versions 4.x and 5.x are better, but
still not great.
I want to develop the best user experience. Native apps are painful to
distribute, but work better than PWAs (on iOS).
27. How is a mobile app for JHipster
different from its Angular UI?
28. Run it!
yo jhipster-ionic
Ionic Module for JHipster
Because Ionic Apps need some JHipster 💙 too!
https://github.com/oktadeveloper/generator-jhipster-ionic
Install Ionic and the Ionic Module for JHipster, using npm:
npm i -g @ionic/cli generator-jhipster-ionic yo
Profit!
🤑
29. Demo Create an app with Ionic4J
Generate entities in app
Run as a PWA
Run on iOS
30. Use Ionic for JHipster to Create Mobile Apps
developer.okta.com/blog/2019/06/24/ionic-4-angular-spring-boot-jhipster
31. Part 3
JHipster React Native
What is React Native?
JHipster React Native blueprint
Expo, React Native Web, and Detox
JWT and OIDC Support
Entity Generator
32. Create an app:
jhipster --blueprints react-native
JHipster React Native
https://github.com/ruddell/generator-jhipster-react-native
Install the React Native blueprint, using npm:
npm install -g generator-jhipster-react-native
Build the next hot mobile app!
🔥
A React Native blueprint for JHipster apps
33. Demo Create an app w/ React Native
Generate entities in app
Run in a browser
Run on iOS and Android
35. Part 4
Flutter for JHipster
What is Flutter?
Flutter Module for JHipster
Full I18n support
Entity Generator
JWT Auth Only
36. Create an app:
yo jhipster-flutter-merlin
Flutter Module for JHipster
https://github.com/merlinofcha0s/generator-jhipster-flutter
Install the Flutter module, using npm:
npm install -g generator-jhipster-flutter-merlin
Build a beautiful mobile app!
💖
Generate your Flutter mobile App (Android / iOS) for JHipster
37. Get Started with Flutter for JHipster
https://blog.herofactory.dev/get-started-with-flutter-jhipster-generator