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”

Living without React Router

How do you handle the scenario when a user taps the "back button" in your ReactJS app? In a plain vanilla ReactJS app you'll end up with the user navigating off your app since it's a SPA. Most devs would tell you to use React-Router. What if you can't, or - how does React-Router work? … Continue reading Living without React Router

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

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

Super Simple React Native Redux Example

Inspired by 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 ( 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