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.
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.
Reflect Metadata Api handles decorators and metadata in Angular. Reflect.metadata weren't supported by browsers so Angular used TypeScript
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.
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.
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.
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:
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
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.
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. Learn how to move your player tile by tile in a classic top-down 2D RPG with Phaser 3 and TypeScript.
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.
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 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. We explore what Nullish Coalescing, aka. the 'double question mark' operator means, and how you might use it in some real world use cases.
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).
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
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.
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.
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.
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