CategoryJavaScript

Dashboards with GraphQL & ElasticSearch

Here’s an example of creating Dashboards with GraphQL and ElasticSearch from React community.

As a big fan of VueJS framework, it’s still nice to check what’s happening on the other side of the fence from React community fellow coders. 

Mitch Clay published an article on how you can utilise GraphQL with ElasticSearch to design dashboards for the your projects.

The stack is pretty common for JS environment:

  1. NodeJS
  2. React
  3. GraphQL with Apollo

But, the only bit I missed using – ElasticSearch engine, as more and more projects use it – it seems that I need to give it another look.

AdminLTE Midnight theme: customising templates

AdminLTE is by far one of the great examples of what Bootstrap CSS can do and consists of pre-defined UI elements used for Admin control panels. Similarly we have ElementUI, Bulma, and Bootstrap CSS in its core. 

Right now, there’s a massive amount of various admin panels on the net.

AdminLTE Midnight Theme
AdminLTE Midnight Theme

So, I made a quick Proof of Concept on how we can easily convert default AdminLTE layout into a dark theme, with a bit of help from grunt and yarn.

AdminLTE Midnight Dark Theme is available on GitHub. I added a detailed description on how to run it in dev mode via AdminLTE repository.

You might find it useful to go through customisation instructions first.

VueJS.London – Jest for Vue testing

Images Copyright www.edtelling.com

In September, I was lucky to attend VueJS London conference. It was an amazing experience, with lots of interesting talented people from different corners of the EU and the States.

I’ll slowly start assembling the info on the talks that took place there. Once the slides become available I will start adding them here as well.

One of the greatest talks at the conference was by Roman Kuba. It was about test utils for VueJS, and actual experience on integrating Jest for Vue infrastructure.

Qobrix is slowly integrating VueJS as a sidekick for all the sophisticated UI/UX solutions, trying to reduce jQuery impact on the platform. One of the reasons behind a slow pace of integration – kind of frustrating situation with plethora of test tools.

Quick googling on the subject, brings some more structured materials from Roman, on VueJS/Jest integrations and how they do it in CodeShip.

One of the things that’s definitely worth checking – vue-test-utils.

JavaScript issues in one picture

javascript problems graph

The picture looks a bit outdated as it misses gazillion of trendy frameworks and transpilers but still relevant to the subject

Puppeteer: NodeJS browser automation

Puppeteer is a Node library which provides a high-level API to control headless Chrome over the DevTools Protocol. It can also be configured to use full non-headless Chrome.

Its demo is worth thousand words. API Documentation covers all the aspects of browser emulation/handling I could think of.

Whether it will be a replacement of NightwatchJS or a sub-component in the current end-to-end stack – fun times of trials & errors will tell.

© 2018 Andy's Cave

Theme by Anders NorénUp ↑