RxJS: The bridge between plain JS and ReactJS

Scenario During front-end development, we sometimes have to deal with code which cannot be imported easily into your ReactJS app. This situation arises frequently when dealing with a legacy codebase, or when you have a large, heterogeneous codebase with different teams taking care of different "sections" of the front-end. This article explores one method that … Continue reading RxJS: The bridge between plain JS and ReactJS

Advertisements

Google Yolo and Spring Boot 2.0 Authentication

Back in 2016, Google announced the "Open Yolo" project: You Only Login Once. It originally seemed to be an Android library but during Google's last Dev Summit in October 2017, Google released "One-tap Sign-ups On Websites and API Integrations" which brings Google Yolo to your website via JavaScript goodness. There's a very easy guide that … Continue reading Google Yolo and Spring Boot 2.0 Authentication

How to create a “heatmap” graph network visualization

What we're after @CyberSiftIO we've been going through an exercise of adding "confidence levels" to our visualizations. In other words, how confident is the CyberSift engine that an alert really is an anomaly/outlier? The above screenshot shows one of the ways we visualize the output from this exercise. Each blue node is an internal PC/Server, while … Continue reading How to create a “heatmap” graph network visualization

From JQuery to ReactJS

I have previously worked with ReactJS - most notably during my Master's dissertation, however the main Javascript library I work with when working for clients and companies still remains the venerable JQuery. This is changing as more and more organizations I interact with move to more modern frameworks like Angular and ReactJS. Where to start … Continue reading From JQuery to ReactJS

React JS : Tables in the browser

A good exersize while learning React JS was building a re-usable component that produces HTML tables given an arbitrary JSON array of objects in the form: [{'col1_name':'col1_value','col2_name':'col2_value'} , {'col1_name':'col1_value','col2_name':'col2_value'}] So a practical example of the above would be: [{'name':'dave','age':'12'},{'name':'foo','age':'19'}] With the resulting table being: Here's the reusable code (feel free to improve/include in your projects): … Continue reading React JS : Tables in the browser

Notes on Google Firebase Cloud Messaging

I'm a huge fan of Firebase, so I'm very excited that Google Cloud Messaging [GCM] has been re-branded Firebase Cloud Messaging [FCM], which can be used for cross platform messaging. It's actually very simple to set this up on Android and IOS, but what's more interesting is the web client. I was really hoping things … Continue reading Notes on Google Firebase Cloud Messaging

Nugget post : using Angular JS with Mustache Templating

In a recent consolidation exersize, 6PM has decided to follow the design trend of using Google's Material Design in it's front-ends, and we now encourage the use of Angular JS to power these front-ends. It would seem that Angular Material (https://material.angularjs.org/latest/) is a perfect fit for this type of scenario. In many respects, it is... … Continue reading Nugget post : using Angular JS with Mustache Templating