Clik here to view.
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...
View ArticleClik here to view.
From Classic ASP to React
Where it all began 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...
View ArticleClik here to view.
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. What I want – a lovely modal...
View ArticleClik here to view.
Cellular Automata with React
Conway’s Game of Life 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...
View ArticleClik here to view.
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...
View ArticleClik here to view.
Changing configuration when deploying to different environments: comparing...
React and Node at the front, perhaps with .Net and Python in the background I’m getting into Node a bit more and I wanted to look at how you would swap config settings when deploying into different...
View ArticleClik here to view.
Helpful Starter Projects for React and Node
Create react app vulnerabilities Here are some simple starter projects for Node and React I’m using. I’ve got a bit sick of using create-react-app and seeing a mountain of security vulnerabilities...
View ArticleClik here to view.
Fading text in and out with React
Bukowski Quotes The Task I want to fade text in and out of a React app. I’m populating a series of quotes from an API and I want them to change gracefully. The Demo App The demo is a React application...
View ArticleClik here to view.
Invalid hook call error in Next.js
Extremely misleading Next.js error A quick one. I keep getting this intermittent error when developing React applications using Next.JS – particularly when changing branches but it happens at other...
View ArticleClik here to view.
Better Async Calls in the useEffect Hook
useEffect lifecycle. The component mounts then renders. The useEffect call is triggered after mount. The useEffect hook allows you to perform side effects on your React page. A common use case would...
View Article