Qlik Community

Qlik Design Blog

All about product and Qlik solutions: scripting, data modeling, visual design, extensions, best practices, etc.

Employee
Employee

Developing for Good - Team Rubicon and qdt-components

Recently, Julie Whipple blogged about Qlik’s partnership with Team Rubicon. She described how we helped Team Rubicon by creating an amazing mashup which gives the world a view of the awesome job Team Rubicon, it's partners, and countless volunteers are doing around the world. You can find Julie’s blog here: The Value of Data – Team Rubicon and Qlik | Qlik Blog

Even though the data is complex, using Qlik Sense to bring it all together in one view was like a walk in the park, too easy!

Once the data was uploaded into a Qlik Sense app, we setup the entire mashup using the qdt-react-template. We set up the pages and the routes and then used qdt-components to connect to the server and get the KPIs, Charts and Maps. In order to that, all we needed is the config to server https://github.com/qlik-demo-team/qdt-react-template/blob/master/src/components/QdtComponent.jsx and we were ready to go!

We are so thrilled to use our awesome products to make a difference. In general, developing is fun, really fun. When you add in the fact that what we develop is having a positive impact on the world, it makes us proud to be part of such a great company.  

Check out the  Team Rubicon – Open Initiative project: https://teamrubiconusa.org/open/

Here are some helpful links referenced above:

qdt-react-template: https://github.com/qlik-demo-team/qdt-react-template

Examples:  https://webapps.qlik.com/qdt-components/react/index.html#/

qdt-components: https://github.com/qlik-demo-team/qdt-components

Best,

Yianni

2018-08-03 12_53_43-Open Initiative _ Team Rubicon.png

4 Comments
s29124141
Contributor II

Hi jvs‌ , This is a very good post. Thanks for sharing such a nice articles. I am trying this on my end using my react app using anonymous access to my app and its working.

How can we use this example while we have ticket authentication in place? Your help on this is highly appreciated!!

0 Likes
33 Views
kidbank3
Contributor III

Cool post but I see some clean up items.

It's not working in Chrome for me

NPS number formatting showing too many decimals

chart was getting cutoff and changed zoom and it was fine (couldn't recreate)

i was a little disappointed by the speed

selections not displayed

0 Likes
33 Views
Employee
Employee

Thank you kidbank3

Please check now. I used webpack4 and lazy loading with code splitting. It should be faster and lighter

0 Likes
33 Views
jerifortune
Contributor II

Nice one. I am also witnessing performance issue.

0 Likes
33 Views