Published in


Photo by Jonathan Borba on Unsplash

React Qlik Sense Mashups with motor js: Part 1

In this set of tutorials, we’re going to build a React Qlik Mashup with motor-js.

Step 1: Create a new React App (ensure you have npm version 5.2+ installed)

Step 2: Install @motor-js/core and connect to a Qlik engine

Step 3: Mashup Layout

Setting a color prop to ‘brand’ in the motor-js library will pick up the brand color from the base theme. Later in this article, I’ll demonstrate how to we can edit this. You can find more on motor-js theming here.

Step 4: Selections and Theming

That’s all for Part 1!

In the next post, we’ll be finishing our dashboard with Charts, more Layout objects and some styling with styled-components.




The React Framework for Qlik Sense Mashups

Recommended from Medium

How to Implement Verification Code With Vue 3 & TypeScript

Methods VS Functions

Faster Javascript Development With Monorepos & Workspaces

Hosting the Hoisting in JavaScript

I have been working with Angular since about version 2.0.0

Angular custom form controls

Logging: Best practices

Found Upland

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store


The React Framework for Qlik Sense Mashups

More from Medium

Test Driven Development

Measuring the impact of a test variation in React with Amplitude and ConfigCat

Why you should load test your application before production — Performance testing with k6

Post Save hooks, do it right.