In my last post, I wrote about how to mock JavaScript Fetch API on Jest using TypeScript. You can check it out here. Now I will demonstrate how to mock an XMLHttpRequest (XHR) using the same stack: Jest and TypeScript.

Read More

Did you recently update your macOS Catalina to version 10.15.2? If you did, then you probably in the same boat too. What I immediately noticed from my terminal is this new shiny error about gyp: No Xcode or CLT version detected any time I ran either yarn install or npm install

Read More

So you have a web application, website or game with a PHP back-end. One of your use case is saving files to disk (images, Excel or what not). Its 2017 and you figure you should probably use a storage service instead of saving and serving files from your server.

Read More

In order for web pages and applications to be truly accessible, a user must be able to do anything with a keyboard that can be done with a mouse. When it comes to drag and drop, I’m often asked if it is acceptable to provide an accessible workaround.

Read More

Let’s start by understanding what actually happens to our CSS code when we load up a web page in a browser. When a browser starts to load the initial HTML file, it takes the loaded HTML code and parses it, which means that it will decode the code line by line.

Read More

Um. You should change your title to “Understanding static in React and possibly future versions of JS”. Static properties (not methods) are available in React, because of this Babel plug-in, which is a precursor to this ES suggestion (which is not yet implemented).

Read More

Prototypes is a weird and much avoided topic but vital towards mastering JavaScript. While classes are much easier to understand and is often the starting point for many when learning object oriented…

Read More

React Hooks are a shiny new proposal that will allow you to write 90% cleaner React. According to Dan Abramov, Hooks are the future of React. That sounds good and all but what are Hooks and how will they help me write better code? Glad you asked.

Read More

Computer languages often provide a way for one object to be inherited fromanother object. The inherited object contains all properties from its parent object. In addition, it will also specify its own set of unique properties. Follow me on Twitter for JavaScript tips and book announcements.

Read More