Articles related to TypeScript

Simulate UI Scenarios For Front-End Development

In a previous post, Simulating Different Scenarios Using Fake JSON Server API , I showed how to set up a fake API to return data based on different UI state. E.g., Given a UI list view, the application can be in different states. It can show an empty list, a…

Getting Started With Cypress: An End-to-End Testing Framework

Cypress is a next-generation front end testing tool built for the modern web. It is the next generation Selenium and enables us to write tests faster, easier, and reliable. Some of the compelling features that I find interesting with Cypress are Time Travel…

Simulating Different Scenarios Using Fake JSON Server API

How many times have you had to update the API code to return an empty list or throw an error to test edge case scenarios? How do you demo these different API scenarios to someone? The pages and components of our application have different states. Most of these…

Setting Up Cypress + React App + JSON Server + TypeScript

For the past couple of weeks, I have been playing around with Cypress and been enjoying the experience. Cypress is a next-generation front end testing tool built for the modern web. It is the next generation Selenium and enables to write tests faster, easier…

TypeScript: Use Sum Types To Your Advantage When Modelling Data

Recently I was working at a client, and we had to take online payment for the service they provide. There were two options to pay - either in part or in full. When paying in full, the payment included a total amount and a refundable amount. When paying in…

Learning TypeScript: Setting up the Environment

TypeScript is superset of JavaScript and compiles to clean JavaScript output. TypeScript has been around for some time and is gaining more traction these days with more and more projects embracing it. The latest addition to the list Angular 2 , which is a…