#javascript

• #javascript
• #mongodb

If you want to save the location of someone, something, or somewhere, you'll need to store its coordinates. In this article we'll be looking…

• #javascript
• #testing
• #jest
• #mocks

Making HTTP requests in tests isn't a great idea in most situations... it can slow your tests down, is unreliable, and the API you are…

• #javascript
• #fundamentals
• #arrays
• #reduce

The reduce function of an Array is one of the most versatile functions in JavaScript. With it you can accomplish a lot of the functions…

• #npm
• #javascript
• #hooks

Publishing an NPM package with TypeScript has never been easier with the help of tsdx , a wonderful package from Jared Palmer , who also…

• #es6
• #javascript

How do you iterate over objects in JavaScript? In this article we'll answer this question by showing 3 alternatives. The data we'll be using…

• #es6
• #javascript

I kept seeing Tagged Template Literals in a number of popular libraries, but I didn't understand how they worked. This article explores…

• #react
• #javascript

React gets its name from being reactive to changes in your data. When data changes, the UI reacts to those changes to re-render the page to…

• #react
• #graphql
• #apollo
• #javascript

GraphQL is an amazing new(ish) paradigm for communicating with APIs, made popular by Facebook but since then used by many companies…

• #javascript
• #react

Data comes in all sorts and sizes, and one of the key skills a developer can have is how to convert it into the required format and shape…

• #javascript
• #react
• #testing
• #jest
• #mocks
• #axios

In our tests we don't want to perform an actual HTTP request. To start with it is slow, but there are certain calls you really can't make…

• #javascript
• #react
• #testing
• #jest
• #mocks

In this article below we will test a component which runs asynchronous code inside of its componentDidMount lifecycle event. We'll look at…

• #javascript
• #react

The new React Context API is touted (at least on Twitter and a number of articles) as solving the need to use a state management tool…

• #javascript
• #react

Error boundaries were introduced in React 16.2 and provide a sort of declarative try/catch pattern for you to handle errors which occur…

• #react
• #jest
• #enzyme
• #sinon
• #testing
• #javascript

In this article we'll look at how to get up and running with testing React in a create-react-app . We'll look at how to configure your…

• #javascript
• #react
• #animations

React Motion is an animation library loved within the React community. I have to say that having some experience with libraries like GSAP…

• #javascript
• #react
• #mobx
• #redux

In this article/video we'll start with a simple React app made with create-react-app that uses component state (setState) as its state…

• #javascript
• #mobx
• #react

I've always loved MobX because of it's lack of boilerplate in comparison to Redux. It just seems so effortless to modify state... so how…

• #javascript
• #react

Currently there are 3 distinct ways of using refs in React. A ref gives you access to the underlying DOM element. This is especially…

• #react
• #javascript
• #mobx

MobX State Tree takes something which is awesome (MobX) and brings it to the next level. You can now define your own typed models, made up…

• #mobx
• #javascript
• #create-react-app
• #react

You do not have to eject from create-react-app to get support for decorators and other babel plugins. MobX works fantastic with decorators…

• #javascript
• #react
• #mobx
• #create-react-app

Create React App is a great way to get up and running with React. It comes configured with sane defaults which are great for most people…

• #javascript
• #react
• #mobx

In this video tutorial I show how to get up and running with Mobx in a React app. We will go from create-react-app all that way to having…