Car Mounted Traffic Guidance Drone

An idea A car with a small compartment with an automatic door. The compartment contains a charging cradle and a small micro-drone with a hi res camera and a wi-fi connection back to the car The cars on-board computer releases the drone when the car driver, or the cars...

read more

Apache Reverse Proxy with Websocket

This is the working configuration for an SSL Apache 2.4.6 Reverse Proxy back to an Apache-Coyote/1.1 server, including letsencrypt configuration to allow the automated renewal of certificates using a local webroot on the Reverse Proxy Server Apache Reverse Proxy SSL...

read more

Embedding ReactJS in a CakePHP View

When people say they want to use  CakePHP with React typically the recommendation is to convert CakePHP into an API server and then add ReactJS as the front-end served on a different URL then CakePHP. But what about when you have a CakePHP application and you want to...

read more

NextJS + Redux Testing

Been trying to implement some tests for NextJS Redux App. You can get most of the way there by following the very good information here =>  http://redux.js.org/recipes/writing-tests But if you drop .babelrc into your NextJS project as per above it stops the npm run...

read more

Dealing with Flashes of Unstyled Content in NextJS

So I made a YouTube video of a challenge I had of a FontawesomeIcon React component flashing to massive when loading the page and then back to the right size. This video shows the work-a-rounds. I tried to include the code snippets here but the self hosted wordpress...

read more

Working around SVG Swallowing Click Events

I have used FortAwesome/react-fontawesome to put a trash icon on a nextjs react page. { e.preventDefault(); console.log(event.target) window.confirm('Do you really want to delete: ' + partname) ? deletePart(e.target.dataset.part_id,...

read more

CakePHP 3 returning invalid sort order

CakePHP with a query string /api/parts/getParts?sort=sort_order&direction=asc&limit=100 Returns items out of order. See below for the work-a-round { "parts": [ { "sort_order": 10 }, { "sort_order": 20 }, { "sort_order": 30 }, {...

read more

NextJS

I came across NextJS when looking at the excellent DevTips YouTube channel  video regarding Going from Sketch to React.js #2 Building an Online Business NextJS solves some of the problems that I found hampered me in using React: Server Side Rendering out of the box...

read more