Digital transformation isn’t easy and even with a Digital Transformation Playbook (like the one from OutSystems) the exact implementation will differ from one org to another. But no doubt, Reactive Applications are part and parcel of Digital Transformation initiatives. Hear one of our Sr. Solution Architects discuss building modern, reactive apps designed to improve the business value of your IT apps and systems.

1. | Modernizing Portfolios with Reactive Web Applications
Modernizing Portfolios
With Reactive Web
Applications
October 2, 2019 | 3:30 PM | Larkspur

2. | Modernizing Portfolios with Reactive Web Applications| Modernizing Portfolios with Reactive Web Applications
@ inLuis.gasca@outsystems.com /lgasca/
Luis Gasca
Sr. Solutions Architect | OutSystems
@ inricardo.alves@outsystems.com /ricardo-vaz-alves/
Ricardo Alves
Engineering Product Manager| OutSystems

3. | Modernizing Portfolios with Reactive Web Applications| Modernizing Portfolios with Reactive Web Applications
Hands On With Reactive
Web Design Lab
October 2, 2019 | 3:30 PM | Aspen Amphitheater
Russell Youngblood, Scott Karabin

4. | Modernizing Portfolios with Reactive Web Applications| Modernizing Portfolios with Reactive Web Applications
OutSystems Web
Applications Today

5. | Modernizing Portfolios with Reactive Web Applications

6. | Modernizing Portfolios with Reactive Web Applications| Modernizing Portfolios with Reactive Web Applications
Visual Full-Stack
Development
Deploy to
Any Device
Full Life Cycle
Continued Low-Code, No Limits

7. | Modernizing Portfolios with Reactive Web Applications
Reactive Web
Applications Have
No Impact on Your
Current Application
Portfolio

8. | Modernizing Portfolios with Reactive Web Applications| Modernizing Portfolios with Reactive Web Applications
What is Reactive Web ?

9. | Modernizing Portfolios with Reactive Web Applications
Introducing
Reactive Web
Extend your portfolio
with a new way to
deliver web
applications with a
reactive framework

10. | Modernizing Portfolios with Reactive Web Applications
What’s In It for
End Users
Delightful user experience
Blazing speed
Immediate interaction
Engaging interface
Customer satisfaction
Increased productivity

11. | Modernizing Portfolios with Reactive Web Applications
What’s In It for
Developers
State of the art technology
Single development
paradigm
Unified development
Deliver and change at
speed of thought

12. | Modernizing Portfolios with Reactive Web Applications
What’s In It for Your Apps
Single page applications
Run logic on browser client and back-end server
Fetch data asynchronously
React to changes immediately
Unified UI templates, screens, patterns, widgets
Multi-channel front-end reusability

13. | Modernizing Portfolios with Reactive Web Applications| Modernizing Portfolios with Reactive Web Applications
Why is Reactive Web
Important ?

14. | Modernizing Portfolios with Reactive Web Applications
Modernize with
State of the Art
Architecture
Future proof
Current standards and
practices
Protects from changing
landscape

15. | Modernizing Portfolios with Reactive Web Applications

16. | Modernizing Portfolios with Reactive Web Applications
Current Application Architecture

17. | Modernizing Portfolios with Reactive Web Applications
Reactive Application Architecture

18. | Modernizing Portfolios with Reactive Web Applications
Web Reactive Web

19. | Modernizing Portfolios with Reactive Web Applications
Use Cases for Reactive Web
Digital Core
SaaS or Packages
Digital OperationsDigital Experiences

20. | Modernizing Portfolios with Reactive Web Applications
Use Cases for Reactive Web
CRM, ERP Extensions
High performance, high reliability mission critical
SaaS or Packages
Internal facing
Line of Business operations
High interaction
Complex user interfaces
Data intensive
Dashboards and Analytics
Customer & Partner Portals
B2B
B2C

21. | Modernizing Portfolios with Reactive Web Applications| Modernizing Portfolios with Reactive Web Applications
How is Reactive Web
Supported ?

22. | Modernizing Portfolios with Reactive Web Applications
New
application
create
Single visual
model for any
device
Develop once,
deliver anywhere

23. | Modernizing Portfolios with Reactive Web Applications
● Asynchronous data
fetch
● Client variables
● Aggregate
dependencies
● Screen lifecycle
events

24. | Modernizing Portfolios with Reactive Web Applications
● Client side actions
● Asynchronous server
side actions
● JavaScript node in client
actions
● Import and create
Scripts from interface
hierarchy

25. | Modernizing Portfolios with Reactive Web Applications
● Interface actions on
client side
● No need for
preparation
● No need for Ajax
refresh
● On-Ready system
events

26. | Modernizing Portfolios with Reactive Web Applications
● Animations and
transitions
● New and
improved widgets
and controls

27. | Modernizing Portfolios with Reactive Web Applications
● Single Page
Application
● Immediate reaction
to change
● Client side
rendering

28. | Modernizing Portfolios with Reactive Web Applications| Modernizing Portfolios with Reactive Web Applications
What is the Experience
Like ?

29. | Modernizing Portfolios with Reactive Web Applications
Demo

30. | Modernizing Portfolios with Reactive Web Applications| Modernizing Portfolios with Reactive Web Applications
NextSteps

31. | Modernizing Portfolios with Reactive Web Applications
Looking Forward
Common UI architecture
Cross channel UI orchestration
Progressive Web Apps
Offline anywhere
… and more

32. | Modernizing Portfolios with Reactive Web Applications
Roadmap
Q1’2019 Q2’2019
We’re not done yet. Throughout this
year, and the upcoming one, we’ll be
working on:
● PWA
● Offline Capabilities
● Reactive Web Improvements
● Multi-channel reusability

33. | Modernizing Portfolios with Reactive Web Applications
NextSteps
Upgrade to GA release
Learn about up and coming
Try the mobile development
experience
Participate in the community
Engage with Customer Success
Bring Reactive Web to your
roadmap !

34. | Modernizing Portfolios with Reactive Web Applications
FAQs
Q: Migration path from traditional web to reactive ?
A: Conversion path may exist in the future
Q: How will next features be released ?
A: Continued delivery on a monthly cadence.

35. | Modernizing Portfolios with Reactive Web Applications| Modernizing Portfolios with Reactive Web Applications
In Summary

36. | Modernizing Portfolios with Reactive Web Applications
Reactive Web is here
Unified development experience
Delightful end user experience
Modernize your portfolio
No Limits !

37. | Modernizing Portfolios with Reactive Web Applications
Thank You!
@ inluis.gasca@outsystems.com /lgasca/