In this tutorial I will walk you through how to embed objects from Qlik Sense into your React mashup, using nebula.js and Motor.

Let’s start with some definitions. So what is Motor?

Motor is a React framework for Qlik Sense mashups including APIs and a code generation tool for the rapid creation of mashups.

You can find out more about the product here.

And what about Nebula.js?

Nebula.js is a collection of product and framework agnostic JavaScript libraries and APIs that helps developers integrate visualizations and mashups on top of the Qlik associative engine.

Motor comes with two libraries that we will be using in this tutorial:

  • @motor-js/engine: A headless UI package of hooks and components that simplifies all interactions with the Qlik…

Photo by Jason Blackeye on Unsplash

Here at Motor we’ve just released a number of new packages and products to make life easier and easier for Qlik mashup developers. This post will take you through the updates.

Generate Qlik Sense Mashups with your favourite UI stack and charting library.

You can now generate complete Qlik Sense mashups using your favourite UI framework and charting library. Just select your template, charting library and download your code!

Photo by Goutham Ganesh Sivanandam on Unsplash

Let’s start with the basics, what is a Qlik Sense Mashup?

A Qlik Sense mashup is a web page or application that integrates visualisations, data and other content from one or more Qlik Sense apps into external web applications. This integration ensures that your new web service is displayed in one graphical interface, which makes Qlik Sense mashups suited for creating unique and responsive web pages powered by Qlik’s associative engine.

Apart from offering great UI flexibility in design and functions, Qlik Sense mashups come with several advantages.

Full control over branding

As a developer, Qlik Sense mashups offer you numerous opportunities and unobtrusive ways to show off your brand. From…

Photo by Ben White on Unsplash

As a developer, you may be faced with requirements to extend what’s possible in Qlik Sense. Whether it’s a backend service to automate repetitive tasks or a custom UI; knowledge of the Qlik APIs is key for any Qlik Sense developer. This blog will explore the best resources out there on your path to mastering your Qlik API skills.

Let’s start with the basics. Documentation.

Qlik Dev Site:

The new Qlik Dev site is a developer portal and the best documentation resource for anyone seeking to become a Qlik Sense web developer. …

Photo by Jonathan Borba on Unsplash

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

This first article will cover on the following:

  • Create React App
  • Install @motor-js/core and connect to a Qlik engine
  • Mashup Layout
  • Selections & Theming

Motor js is a React Framework for Qlik Sense mashups. It is a React library consisting of components, charts and utilities to speed up your mashup development.

Motor js is completely free for non-commerical use, you can find out more about the project below:

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

To check you have node and npm installed type the following in the terminal

node -v
npm -v

Getting started with React is easy, we’ll be using create-react-app in this example. Create…

Welcome to Motor JS. The React Framework for Qlik Sense Mashups.

We’ve built this library to provide an easy solution for building Qlik Sense Mashups in React. More than a series of components and charts, Motor JS is a complete framework for building mashups with ease.

The library enables easy connection to a Qlik engine, a theming framework which propagates throughout your dashboard, interactive charts, components such as a Filter and Search and re-usable React hooks for the easy creation of data sets off the engine.

In this post, I will write a bit about the architecture and technology choices…


The React Framework for Qlik Sense Mashups

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