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

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

How we built the CyberSift Attack Map

Recently we launched a small site called the "CyberSift Attack Map" hosted at http://attack-map.cybersift.io. Any one involved in the InfoSec industry will be instantly familiar with the site:   It's basically a map of attacks which either trip some rule in a signature based IPS such as SNORT, or land in a honeypot. In this article we'll list … Continue reading How we built the CyberSift Attack Map

Super Simple React Native Redux Example

Inspired by http://blog.tylerbuchea.com/super-simple-react-redux-application-example/ Update 14/12/2018: Fixed code errors spotted by Enjin Nine... thank you very much! In this article we explore the barest of solutions to get started with React Native + Redux. The only pre-requisite to the below is to have "create-react-native-app" installed (https://facebook.github.io/react-native/docs/getting-started.html) Setup create-react-native-app superSimple cd superSimple npm install --save redux react-redux redux.js … Continue reading Super Simple React Native Redux Example

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