@jax

Adding React Developer Tools to a Redux/Typescript project

Nov 26, 2021 · 1 min read · So you want to add React Developer Tools to your redux/typescript project? Here's how... First you will want to make sure that you have React Developer Tools installed and enabled on your (chrome) browser. Then link your project up to your store by g...

TypeScript - re-use an interface's property using object access notation

Aug 5, 2021 · 1 min read · Re-use an interface's property by extracting it using normal object access notation This keeps the type in line/sync with the interface, eg if the interface property changes then the type will be updated automatically interface MyInterface { some...

Typescript - re-using imported types to ensure syncing

Aug 2, 2021 · 1 min read · Imagine you have a React component that has imported a type. In this case it is an action type for interaction with Redux. import myAction from '../actions' import MyActionPayload from '.../types' within our component where we define the const mapDis...

Typescript - isolating a property from an interface

Aug 2, 2021 · 1 min read · You can re-use an interface's property by extracting it using normal object access notation eg interface SomeInterface { usefulProperty: string | object {} } type newType = SomeInterface['usefulProperty'] // now newType is equal to string | ob...

Javascript Objects Cheatsheet

Jul 30, 2021 · 4 min read · All about working with objects in one place Here is a Javascript Object let fridge = { make: "Beko", model: "224", contents:{ vegetables: { favourite: 'lettuce', crunchy: 'carr...