How to bundle many TypeScript files using SystemJS

Introduction

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. You can install it from Node Package Manager (NPM) and tinker with its tsc executable. It accepts a handful of options which may be stored inside tsconfig.json configuration file.

SystemJS is a JavaScript module loader that allows using ES Modules in all browsers. You can get it either via CDN or from Node Package Manager.

You may be wondering why do we even talk about SystemJS and Typescript together? Wouldn’t it suffice to use Typescript compiler alone? 

Continue reading “How to bundle many TypeScript files using SystemJS”


If you enjoyed this post, then make sure you subscribe to my Newsletter

How to create Single Modal in Gatsby using Reactstrap, React Portals, React Context and React Custom Hooks

Introduction

Gatsby is a free and open-source static site generator based on React. In this tutorial, we will use the default starter kit with cosmetic modifications.

Reactstrap provides React components based on Bootstrap 4 library. It comes with a powerful Modal component and his three supporting sub-components:

Armed with those, you can get a working Model almost in no time. Reactstrap documentation is full of examples, so feel free to explore its Modals part on your own.

Continue reading “How to create Single Modal in Gatsby using Reactstrap, React Portals, React Context and React Custom Hooks”


If you enjoyed this post, then make sure you subscribe to my Newsletter