TypeScript

TypeScript is an open-source programming language developed and maintained by Microsoft. It is a strict syntactical superset of JavaScript, and adds optional static typing to the language. TypeScript is designed for development of large applications and transcompiles to JavaScript.

typescript

Building Web Applications With Node.JS

In this story, I will introduce you to develop a real-time application using node.js by building a messenger app. Though this story will explain about the specific use cases, you can apply this strategy in other scenario also.

The Anatomy of Decorators in Angular

Reflect Metadata Api handles decorators and metadata in Angular. Reflect.metadata weren't supported by browsers so Angular used TypeScript

Top 10 Things I’ve Learned About NodeJS

What exactly is NodeJS? I think that’s a whole other post, but for now, we’re going to keep it at 2000ft and just say what it is: NodeJS is a JavaScript runtime built on the Chrome V8 JavaScript engine.

JavaScript spread operator: To infinity and beyond!

Three dots can make a huge difference in a sentence. In JavaScript, this is not the exception. In JavaScript, the spread operator is identified by using three dots. This syntax is very powerful because it allows you to perform plenty of different tasks in a very simple and easy way.

TypeScript — Functions

In this lesson, we are going to learn about functions, function type in TypeScript, spread operator, rest parameters, function overloading, and other function related lessons.

Moving from TypeScript to Rust / WebAssembly

I recently decided to switch the engine of Boardgame Lab from TypeScript to Rust. The application itself is an SPA written in Svelte. I only switched the logic that updates the game state to Rust. Here is a summary of my experience with the transition:

Cloud Firestore Development with Typescript

The purpose of this article is to show you how I added the calls between the React application and Cloud Firestore, and also how I added unit tests to verify the logic. Cloud Firestore Development with Typescript

TypeScript — Basic Types

In this lesson, we are going to learn about the building blocks of TypeScript’s type system. Here, we are mainly going to focus on the primitive data types provided by the TypeScript.

The TypeScript 4.0 Beta Is Here

In my previous article, I talked about the new features in TypeScript version 3.9. Today, I will be peeking into the TypeScript 4.0 beta version, which was released on June 25, 2020.

Grid-Based Movement in a Top-Down 2D RPG With Phaser 3

Grid-Based Movement in a Top-Down 2D RPG With Phaser 3. Learn how to move your player tile by tile in a classic top-down 2D RPG with Phaser 3 and TypeScript.

How to Setup a Large Scale React application

How to organize files and folders? How to enforce a style guide? What type system, linter and tester to use? How to maintain code quality? This post is based on the series of posts: Modernizing a jQuery frontend with React.

React Native — React Navigation

Navigating around screens is essential when working with mobile apps. React Navigation is an awesome library that allows you to create different types of navigation experiences within your React Native project. When I first started working with React Native, I thought it was a bit confusing how to navigate around screens. It was even more complicated because I wanted to use Typescript and most of the examples online where written using Javascript. Stack Navigator. React Native — React Navigation.

An Intro to JavaScript Modules

An introduction to JavaScript modules, covering how to use the export and import statement under different scenarios. There seems to be some confusion when it comes to JavaScript modules and how they exactly work, and why are there different forms in which we can use them. Today I’ll explain the different ways in which you can export and import modules.

Double Question Marks TypeScript 3.7 - Nullish Coalescing

Double Question Marks TypeScript 3.7 - Nullish Coalescing. We explore what Nullish Coalescing, aka. the 'double question mark' operator means, and how you might use it in some real world use cases.

Roll Your Own Dependency Injection

What is Dependency Injection (DI)? Why use Dependency Injection? With TypeScript decorators and the JavaScript Proxy class — Dependency Injection is easier than you think. I’d like to show you what’s possible to achieve in a DI library in TypeScript in fewer than 300 lines of code (many of which are logging and comments).

How to use React and TypeScript to Create a Quiz App Project

Learn how to use React and TypeScript to create a quiz app project. You will also learn how to use Styled-Components with React. React / Typescript Tutorial - Build a Quiz App

7 Awesome React Hooks

React Hooks you can use every day to boost your productivity. 7 Awesome React Hooks. Before the release of React Hooks, the framework’s functional components were a bit limited in usage. When it came to working with state, the context API, and some lifecycle methods, there was nothing we could do. Today, you will learn about the usage of different React hooks to solve everyday problems. So, let’s get started on this interesting journey.

What’s new with TypeScript 4.0 beta

TypeScript 4.0 improves type inference and now allows to correctly type functions dealing with tuples. First of all, it now supports generics when defining tuple types, allowing to use generic types defined on a function for tuple elements.

Introduction to Hegel

Learn how to implement and use Hegel. Hegel incorporates many of TypeScript and Flow’s design principles. We’ll show how Hegel is different from both TypeScript and Flow and walk you through how to get started with Hegel in your next project.

Dynamic Type Validation in TypeScript

TypeScript performs static type validation. Developers should take advantage of dynamic validations. Dynamic type validator in TypeScript. Dynamic type validation allows a type to generate a validator from its definition. If you are working in a TypeScript codebase, I recommend you give the dynamic validations method of validating your objects a try