Why JavaScript?

• Security
• Scalability
• Built for Interfaces

• ​Security
• Scalability
• Built for Data

Why SAS?

Architecture

Separation of front and backend is non-negotiable!

• Maintainability
• Speed of development (workflow)
• Forward compatibility (SAS 9 -> Viya)

Front vs Back

• User Experience (UX)
• User Interface (UI)
• Design Frameworks

Design

User Journey mapping

• https://balsamiq.com

• https://www.mockplus.com

User Experience

Layout / Graphic Design

• Lucidchart
• Figma

User Interface

Popular Libraries

• Semantic-UI
• Bootstrap
• Clarity Design
• Fluent UI

Frameworks

• Authentication
• Authorisation
• Stuff to watch out for
  • OS credential misuse
  • Code injection
  • Man-in-the-middle attacks

Security

<script src="https://cdn.jsdelivr.net/npm/sasjs@2.1.0/index.js" 
  integrity="sha256-aO07O1dqIVfURrXrgsYbCxneXml0Q+kMQI/RpGKR3mo=" 
  crossorigin="anonymous">
</script>

Use SubResource Integrity (SRI) hashing to avoid Man-In-The-Middle attacks

SRI Hashing

Backend Permissions

A Framework for HTML5 App Development on SAS

• MacroCore library
• SASjs adapter
• sasjs-CLI tool

https://sasjs.io

SAS js

SAS Utility Macros for Application Development

• Many functions, eg:
  • Create Folders
  • Create Services
  • Get Users & Groups
• Online Documentation 
• Both SAS 9 and Viya

sasjs/core

Bi-directional data transfer between JS and SAS

• SASLogon integration
• Both SAS 9 and Viya
• Extensive test suite

https://github.com/sasjs/adapter

sasjs/adapter

Setup, build & deploy SAS projects

• "Opinionated" Project Structure
• Documentation driven approach
• Tooling to accelerate DevOps & Deployment

https://github.com/sasjs/cli

sasjs/cli

* System account available with Viya 3.5+

Backend

Doxygen

• Frameworks
• Seed Apps
• Dev Ops

Frontend

• Angular
• React
• Vue

Frameworks

• Angular
• React
• Minimal (jQuery)

Seed Apps

Tips & Tricks

Send only the data you need to send!

• SAS is fast and extremely powerful for data management
• Corporate laptops are unlikely to be very "modern" 
• Minimise client side rendering and IO
• Avoid 'stateful' services (eg STP sessions) as they can impact load balancing

Presummarisation

Server side data caching significantly improves the responsiveness for large queries - simply store the output data alongside a hash of the input query

• Requires a cache management system (lookup tables)
• Proactive cache generation avoids the 'initial query' cost 
• Be sure to remove stale caches when source data is refreshed

Server Caching

• filename _webout cache;

• yourserver/SASStoredProcess/?_action=1063&_path=/your/path

Miscellaneous

Gotchas

• Don't use "endsas;" or "abort cancel"
  • ​messes up the load balancing
  • alternative - open a macro, but don't end it!

Check out the mp_abort macro

Error Handling

• User Guide
• Configuration Guide
• Deployment Guide
• Developer Guide

Documentation

• markdown-to-html
• MkDocs
• Doxygen
• Sphinx / 

Doc Generators