Enactor’s hyper-flexible React UI platform

Nail your user experience at your own pace. Enactor applications are built with our flexible user interface with the popular JavaScript technology – React JS. Enactor React UI enables Retailers to continually perfect the Unified Commerce journey in store accross POS, Mobile POS, Self Checkout and other applications. Furthermore, it provides a framework and set of libraries for Retailers to do their own developers.

React UI - BeforeReact UI - After

Enactor React Toolkit

import React, { useEffect } from "react";
import {
ResolvableMessage,
selectMessageHook
} from "@enactor/react-javascript-bridge";
import { SIGN_ON_BACKGROUND } from "@enactor/react-base-components";
import { POINTER, ConnectedPosKeyboard } from
"@enactor/react-base-components";
import { ConnectedTextInput } from "@enactor/react-base-components";
import SignOnBodyArea from "./SignOnBodyArea";
import SignOnHeader from "./SignOnHeader";
import Keypad from "./SignOnNumericKeypad";
import SignOnWrapper from "./SignOnWrapper";
import LockingInfo from "./LockingInfo";
const USERNAME = "username";
const PASSWORD = "password";
const SignOn = props => {
const handleOKPressed = () => {
let { promptUrl, onEvent } = props;
onEvent("OKPressed", promptUrl, {
userId: "USERNAME",
pIN: "PASSWORD
});
};
import React, { useEffect } from "react";
import {
ResolvableMessage,
selectMessageHook
} from "@enactor/react-javascript-bridge";
import { SIGN_ON_BACKGROUND } from "@enactor/react-base-components";
import { POINTER, ConnectedPosKeyboard } from
"@enactor/react-base-components";
import { ConnectedTextInput } from "@enactor/react-base-components";
import SignOnBodyArea from "./SignOnBodyArea";
import SignOnHeader from "./SignOnHeader";
import Keypad from "./SignOnNumericKeypad";
import SignOnWrapper from "./SignOnWrapper";
import LockingInfo from "./LockingInfo";
const USERNAME = "username";
const PASSWORD = "password";
const SignOn = props => {
const handleOKPressed = () => {
let { promptUrl, onEvent } = props;
onEvent("OKPressed", promptUrl, {
userId: "USERNAME",
pIN: "PASSWORD
});
};
import React, { useEffect } from "react";
import {
ResolvableMessage,
selectMessageHook
} from "@enactor/react-javascript-bridge";
import { SIGN_ON_BACKGROUND } from "@enactor/react-base-components";
import { POINTER, ConnectedPosKeyboard } from
"@enactor/react-base-components";
import { ConnectedTextInput } from "@enactor/react-base-components";
import SignOnBodyArea from "./SignOnBodyArea";
import SignOnHeader from "./SignOnHeader";
import Keypad from "./SignOnNumericKeypad";
import SignOnWrapper from "./SignOnWrapper";
import LockingInfo from "./LockingInfo";
const USERNAME = "username";
const PASSWORD = "password";
const SignOn = props => {
const handleOKPressed = () => {
let { promptUrl, onEvent } = props;
onEvent("OKPressed", promptUrl, {
userId: "USERNAME",
pIN: "PASSWORD
});
};
import React, { useEffect } from "react";
import {
ResolvableMessage,
selectMessageHook
} from "@enactor/react-javascript-bridge";
import { SIGN_ON_BACKGROUND } from "@enactor/react-base-components";
import { POINTER, ConnectedPosKeyboard } from
"@enactor/react-base-components";
import { ConnectedTextInput } from "@enactor/react-base-components";
import SignOnBodyArea from "./SignOnBodyArea";
import SignOnHeader from "./SignOnHeader";
import Keypad from "./SignOnNumericKeypad";
import SignOnWrapper from "./SignOnWrapper";
import LockingInfo from "./LockingInfo";
const USERNAME = "username";
const PASSWORD = "password";
const SignOn = props => {
const handleOKPressed = () => {
let { promptUrl, onEvent } = props;
onEvent("OKPressed", promptUrl, {
userId: "USERNAME",
pIN: "PASSWORD
});
};

Why Enactor React UI?

For Your Business

Perfect your user experience

Get full control of the design and layout of all screens and interactions

Offer a Unified UI for all apps

Put unified app in the hands of staff for them to serve customers perfectly

Iteratively get new features

Work hand in hand with your tech teams to incrementally add new capabilities

Consistent UX across channels

Bring your web look & feel onto the POS or SCO

Responsive to any hardware

Automatically scale your front-end to any device or screen size

Cross-Platform

Get a unified commerce experience across any operating system

For Your Developers

Extend the UI yourselves

Add new features, functions and layouts with your own developers

Leverage Component Libraries

Take our components and reuse them how you wish

Add your own integrations

Call APIs or interact with other applications on the device

Utilise Enactor POS APIs

Call POS APIs to send and receive data from the POS back-end

Override Components & Pages

Use your own components instead of ours, whether they are large or small

Build-in your own apps

Add your own apps and embed them with the Enactor front-end

Want to see more ?

Sign In to our Insights Portal for more info.

Customer Case Studies

Lindex Logo - Small

Lindex new ways of working with technology

Lindex are iteratively adding their own new features with their own development teams and deploying them on Android devices.

Read more

JYSK Logo - Small

JYSK Unified Commerce

JYSK uses Enactor’s React UI to deliver many Unified Commerce journeys across dozens of countries and thousands of stores.

Read more

Smash your sales records this year.
Get in touch with our team.