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 }, { "sort_order": 40...

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