No top level sort

if you want to experience unexpected rendering and element re-ordering in production sort your array values at the top-level of your component.


React
Best Practice
16 Mar 2023/Engineers
Import JSON into your TypeScript project

How to import JSON files into your TypeScript project.


How to
4 Oct 2022/Engineers
Merge to SearchURLParams objects

How to merge multiple SearchURLParams variables together into one.


How to
4 Oct 2022/Engineers
Applying Recursion when rendering in React

Can we apply recursion to make this nested rendering easier, without creating a lot of complexity? I believe we can by utilising a little bit of recursion.


React
JavaScript
4 Oct 2022/Engineers
PWA: FetchEvent.respondWith error on Safari

Solution for the "FetchEvent.respondWith" error on safari when building a PWA.


PWA
4 Oct 2022/Engineers
Using the Pub/Sub pattern in a Micro Frontend

Using the Pub/Sub pattern to communicate between micro frontends


JavaScript
4 Oct 2022/Engineers
Layered Error Handling

I explore using a system of layered error types to provide a more precise reason for why something went wrong to the user or stakeholders.


Architecture
JavaScript
24 Sep 2022/Engineers
Response validation with Yup

It is important to not fully trust the response you get back from your API. Validate the response with yup to ensure the data you are using is as you expect.


JavaScript
11 Sep 2022/Engineers
Software Design Principles

An overview of some software design principles to keep in mind for your next project.


Architecture
11 Sep 2022/Engineers
React - Micro Contexts

What are micro contexts? It is a way to create a nice separation of domains and group together data.


React
Architecture
11 Sep 2022/Engineers
Gamification

Applying game design techniques to your website allows for engaging experiences your users will love.


UX
11 Sep 2022/Designers
11 Unit test rules

11 useful rules to follow when writing your unit tests.


10 Sep 2022/Engineers
Change your document title when a user changes tabs

Learn how to change your browser title with JavaScript. Use it to send your user a message when they change to a different browser tab


JavaScript
10 Sep 2022/Engineers
Architecture definition for a button component

How to structure a reusable button component for your next React application. Use these techniques for your generic components to create highly reusable components.


React
Frontend
10 Sep 2022/Engineers
Dynamic Next.js preview mode

Create a few methods that will allow you to easy enable/disable preview mode for any content type or route.


Jamstack
Next
10 Sep 2022/Engineers