Toggen Blog
Tech tips
Articles
Latest
Javascript Tips: Scope your case blocks with curly brackets
Give your react props default values If you pass null as a prop then you get warnings about going from a controlled to uncontrolled component Renaming variables when...
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...
Working around SVG Swallowing Click Events
I have used FortAwesome/react-fontawesome to put a trash icon on a nextjs react page. <a data-part_id={id} data-meeting_id={meetingId} onClick={(e) => { e.preventDefault(); console.log(event.target) window.confirm('Do you really want to...
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 }, {...
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...
Amazon Billing Estimation and it’s link to Myocardial Infarctions
Take a look at this graphic and see if you can see when I first looked at it why I might have felt a tightness in my chest and shortness of breath. I think the cause of this Forecast being so high in comparison to the preceding months spend is that I have purchased a...