Oracle Jet is Oracle's JavaScript framework for building responsive web and hybrid mobile apps, while Oracle ADF is Oracle's Java-based framework. This document compares the two frameworks and discusses different approaches to using them together. It outlines key differences like Jet being open source with no official support while ADF is commercial. It also discusses pros and cons of combining Jet with ADF business components, faces, or controller. Alternatives to Jet like React, Vue, and Angular are also briefly presented.

2. Oracle Jet vs Oracle ADF or
Oracle Jet with Oracle ADF
Eugene Fedorenko

3. About me
Eugene Fedorenko
Senior Architect
Flexagon
adfpractice-fedor.blogspot.com
@fisbudo

4. Agenda
•Oracle ADF vs Oracle Jet Battlefield
•Differences
•Similarities
•Why should I care?
•JS alternatives
•Oracle ADF with Oracle Jet
•Jet + ADF BC
•Jet + ADF Faces + ADF BC
•Jet + ADF Controller

5. Start

6. Oracle ADF

7. Oracle Jet

8. Oracle Jet

9. Oracle ADF vs Oracle Jet

10. Should I go with Jet?
•Existing projects
•Fresh look&feel
•New Features
•Hybrid
•New project
•Self-education

11. Jet vs ADF. Differences

12. Jet vs ADF. Differences
Alta UI

13. Jet vs ADF. Differences

14. Jet vs ADF. Differences
Jet ADF
Open Source. No official support. Commercial. Official Oracle Support
No Garanty of API stability API is mostly stable
Code Focused Declarative approach
Strong JS skills Basic Java skills. Strong ADF Skills
Works on any web server Works on a set of certified application
servers
Can be easily combined with other
web technologies
Prefer to “own” the page

15. Jet vs ADF. Similarities
•Powered by Oracle
•Alta UI components base
•DVT components
•Accessibility support
•Internalization
•Work on Desktop and Mobile Web

16. Why?
•Responsiveness
•Many things happen on client
•Leveraging of asynchronous calls
•Web + Hybrid (Apache Cordova)
•Same application for Desktop and for Mobile
•iOS, Android, Windows 10
•Same set of skills for Desktop and for Mobile

17. Why?
•Skills
•JS is hot now
•Resources
•How many ADF developers are around?
•How many JS developers are there?

18. Why?
•ADF Releases
•12.2.1.3.0 Aug 2017
•12.2.1.2.0 Oct 2016
•12.2.1.1.0 Jun 2016
•12.2.1.0.0 Oct 2015
•Oracle Jet releases
•5.0.0 Apr 2018
•4.2.0 Feb 2018
•4.1.0 Nov 2017
•4.0.0 Sep 2017
•3.0.0 Mar 2017

19. So should we go with JS?

20. Sure about Oracle Jet?
•There are alternative JS tools
•Oracle Forms -> Oracle ADF/MAF -> Oracle Jet -> ?
•Open Source
•Powered by Oracle
•Free
•No official support
•Not a framework but a toolkit
•Really?

21. Alternatives

22. React
•Born in Facebook
•Lightweight library
•Reusable components
•Virtual DOM
•Clean Abstraction
•Great Developer Tools
•React Native
•Develop NATIVE apps for iOS and Android

23. Vue.js
•The trendiest project of the year
•Small learning curve
•Well defined ecosystem
•router: vue-router
•State management: Vuex
•Single file components
•template, logic, styles
•Real open source project

24. AngularJS
•Complete client-side solution
•Data Binding
•Controller
•Deep Linking
•Form Validation
•Directives
•Reusable Components
•Dependency Injection
•Apache Cordova for hybrid mobile apps

25. Cases to go
•Existing project
•New projects
•Hybrid applications

26. Jet + ADF BC

27. Jet + ADF BC
•Pros
•Simple architecture
•Reuse
•Knowledge/Experience
•Core BC implementation
•Cons
•Not as easy as it looks
•…

28. Jet + ADF BC. Business Services.
•Stateful -> Stateless
•Different UI design
•Reconsider/rebuild services
•State
•Transaction management
•Current row
•Pagination

29. Jet + ADF BC. Business Services.

30. Jet + ADF BC. AM Pool Settings.
•Referenced Pool Size is ignored
•AM pooling matters
•jbo.doconnectionpooling ON
•Disconnect AM Upon Release ON
•Reset Non-Transactional State
Upon Unmanaged Release ON

31. Jet + ADF BC. Security.
•JET/JS based UI has a broader attack surface
•Multiple service endpoints to consider
•The model layer will have to be more robust
•Checking of all inputs for SQL-injection
•The data is now visible
•All UI logic is visible

32. Jet + ADF BC. Hardware.
•Stateful -> Stateless
•CPU +
•Memory -
•Server centric -> Client Centric
•Back to thick client architecture
•Server -
•Client +

33. Jet + ADF BC. JVM Tuning.
•Less long living objects
•Large Nursery
•Small Tenure

34. Jet + ADF Faces + ADF BC. Separate pages.

35. Jet + ADF Faces + ADF BC. Separate pages.
•Pros
•Clean architecture design
•Different UI for different use cases
•Separate entry points
•Cons
•Think twice on security, internalization, etc.
•More complex DevOps procedures

36. Jet + ADF Faces + ADF BC. Same pages.

37. •Pros
•Suitable for portals and dashboards
•Reuse Jet components
•Cons
•Two different ADF BC transactions
•Separate caches
•Separate user context
•JSF lifecycle
•Not compatible with ADF PPR
•Incompatible Drag&Drop
Jet + ADF Faces + ADF BC. Same pages.

38. Jet + ADF Faces + ADF BC. Same pages.

39. Jet + ADF Faces + ADF BC. Same pages.

40. •Pros
•Same ADF BC transaction
•REST API is not involved
•Cons
•JSF lifecycle
•Not compatible with ADF PPR
•Incompatible Drag&Drop
Jet + ADF Faces + ADF BC. Same pages.

41. Jet + ADF Controller.

42. Jet + ADF Controller.
•Pros
•Task Flows in Oracle JET
•Cons
•Complicated
•Heavy
•Stateful
•Tightly coupled Client and Server

43. ADF + Back End

44. ADF + Back End
•Pros
•Lower risk
•Focus on back-end
•Cons
•Way more expensive than classic ADF BC way
•Data Controls challenge
•REST Data Control
•ADF BC on top of WS
•Bean data control on top of WS or Rest DC

45. Q&A