Code Buckets

Buckets of code

React

Changing configuration when deploying to different environments: comparing Node and React

I’m getting into Node a bit more and I wanted to look at how you would swap config settings when deploying into different test and production environments. In this post I’m going to compare Node to React – not so…

Infinite Buddha Quotes

Just moving on from the Pali Canon API that I published recently – I’ve published a web app which consumes the API. It randomly displays a quote from the Buddha, fades it out and displays the next with a suitably…

Cellular Automata with React

Here is a fun thing – above is cellular automation coded (by me) in React. Specifically, it is Conway’s Game of Life Rules The rules are Any live cell with two or three live neighbours survives. Any dead cell with…

Bootstrap Modal Dialog in React without JQuery

The Task I want the modal dialog component working in a React project. My React project uses function components and hooks but it would be the same with class components. The Problem To show the modal I need to call…

From Classic ASP to React

I’ve been a software developer for over 16 years. It’s not that long but in terms of software development it’s pretty long time. Perhaps it’s like dog years – 1 development year equals 7 normal person years so actually I’ve…

Shorter syntax for Node.js module import

I’ve found myself writing a lot of import module statements during React development that I could have shortened. It’s a bit dispiriting when everything above the fold in your code is a boilerplate import. To give an example – this…

Accessing form data with React.js

Accessing form data seems a standard thing to be doing so I disappointed myself and my entire family when I couldn’t do it straight away with when using React. After a little thought and a bit of practice I implemented…

Simple Debug Panel for React.js

A few months ago I wrote about implementing a debug panel in AngularJS. I’m just getting into React.js so I thought I would do the same by way of comparison. Maybe I’ve become a less complex person in the intervening…