---
original_url: "https://jace.pro/blog/next-experience-notes/"
format: markdown
ai_optimized: true
---

Next Experience Notes- # Next Experience Notes

December 7, 2021 [servicenow ](/tags/servicenow/)[next-experience](/tags/next-experience/)

  Enable AI Animation## [Now Component Concepts](#now-component-concepts)

My rough notes on this, as I get more understanding I’ll update this… Sometimes called Tectonic or UI21

[https://developer.servicenow.com/dev.do#!/reference/now-experience/rome/ui-framework/main-concepts/view](https://developer.servicenow.com/dev.do#!/reference/now-experience/rome/ui-framework/main-concepts/view)

### [Virtual DOM](#virtual-dom)

Snabbdom: This is the virtual dom library they use under the hood - tltoulson

### [State Store / Application State Management](#state-store-/-application-state-management)

Redux is one of the most popular state stores in use and ServiceNow drew inspiration from it in creating the Now Experience Framework - tltoulson

### [Actions](#actions)

### [Reducers](#reducers)

### [One Direction Data Flow](#one-direction-data-flow)

### [Hooks](#hooks)

React Hooks: Seems to be the inspiration for Effects and how the DOM is tied to the state in NowX ([https://reactjs.org/docs/hooks-intro.html](https://reactjs.org/docs/hooks-intro.html))

### [Effects](#effects)

### [Web Components](#web-components)

### [Component Based UI](#component-based-ui)

### [Shadow DOM](#shadow-dom)

## [Tooling](#tooling)

[](https://mermaid-js.github.io/mermaid-live-editor/edit#pako:eNqVVE1v2zAM_SuCTh1Q9wfkUKDN2jVAmw1xtx3mHTibsY3akiHJSYui_32ULckf8YouFzN875GUSOqVpzJDvuL7Sh7TApRhj9eJSARbgziAvnlufiW8txn9QVWiSPFMf0r478AKlDP0wE-pnnQDKRIW7CD7BrkF7GcIJetGChTGRvP2gBZllb1Pibfr-w0h8ZaR0fu-b65bEqIi_1YeR0cgiDmsp97trnIKNy78bsc633CannpbCqAQ60pqvGqNrMGUUpDAAaxD5qofKDKpHkDQqWuXySXqITZgzIPu9PHDSXHkW65u87jAts5letftcE8suuiayVKFYIjC6HcRXQ6iD5BtX5d5UuzLvFWWSrzQww-RJxPg-20zBsV6Wsb_kWfhSaPbP7mCpmBCHvG50fnpEMETsNO5ulVQ45FubLwkRGFR1Ocu4ICsBvHiMNR9HX2B0aVzB23v9luGmhWyytjR92RQW-24VcFeSN1Ql8Z5ndw1z368c65M_TVNE4_vO9hLcnvV0yCdfN5gWopuPodG3MsUqi62oUH5umNfStPIzPc3aIIgRnUoU7Qt2ght7HKOZ22cJHQpGk27nhUwAeYvxj9fhneWf2m5F3e4L5Wf8xpVDWVGb_Yr-VjCTUERE74iM8M9tJVJeCLeiNo2GY34TVYaqfhqD5XGcw5UVvwiUr4yqkVP-lwCnbB2rLe_Z2YTFA)

---
[View this page on GitHub](https://github.com/jacebenson/jace.pro/tree/main/./src/posts/2021/2021-12-06-next-experience-notes.md).

[Next Experience Notes](https://jace.pro/blog/next-experience-notes/) [Jace Benson](https://jace.pro) ![Jace Benson](https://jace.pro/icon-512x512.png)

---

*This content is from Jace Benson's ServiceNow and tech blog at jace.pro*
*Original post: https://jace.pro/blog/next-experience-notes/*