React hooks and “setInterval”

If you've ever come across having to use setInterval within react hooks you probably hit a wall where the component just doesn't act as it should... For example, we might naively code something like this: import React, { useState } from "react"; import "./styles.css"; export default function App() { const [counter, changeCounter] = useState(0); setInterval(() … Continue reading React hooks and “setInterval”

Practical use case for Javascript Function Properties (ReactJS)

TL;DR : Function properties are useful when meta-programming, specifically avoiding minification and mangling of function names The new UI for CyberSift consists of a number of "widgets" which are interchangeable and can be moved around the screen to cater for a user's preferred layout. Heavily inspired by Elastic's Kibana, you can see the end result … Continue reading Practical use case for Javascript Function Properties (ReactJS)

Adding tile caching to maps in React-Leaflet

While writing a toy project that heavily relies on maps, I chose Leaflet as the map rendering library. From their site: Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. Weighing just about 38 KB of JS, it has all the mapping features most developers ever need. The ease of use and ability to use different tile … Continue reading Adding tile caching to maps in React-Leaflet

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