Tag: Babel


WebGL : Basic Transformation

This example shows how you can rotate a rectangle in WebGL. Open the Javascript tab and the see the code with inline explanation.


WebGL : Draw Modes

In WebGL, you have to specify the mode to be used by the drawing API. Modes are defined as constants and you can access it using WebGL context. In the working example given below you can try changing


WebGL : Starter Kit for Drawing

I was searching for a good tutorial on WebGL and found this one, WebGL Basics quite interesting. First two or three pages of this explains the architecture of WebGL and how it works. It really helps y


Simple client-side project for learning ES6

This tutorial is for those who are not familiar with nodejs, but wants to get started with ES6. ES6 is not fully supported by all the browsers. So Babel is required to transcompile your ES6 code to


TypeScript - Interfaces #2

UPDATE : Based on TypeScript 2.1.4 With optional & Read Only propertiesProperties in an interface can be made optional by appending ? to property name, and read only by prefixing readonly. Indexab


TypeScript - Interfaces #1

UPDATE : Based on TypeScript 2.1.4 The feature TypeScript has, but Javascript doesn’t have is Data Types. ‘Javascript doesn’t have’ means that ‘Data Types’ can neither be assigned in Javascript nor be


ES6 , Babel and JSPM - The Super Combo #1

If you are working with ES6 Modules and searching for a way to Manage ES6 Modules Build Packages Load Packages dynamically then JSPM is the answer. Let us see how an ES6-Babel project can be set up


TypeScript - Getting Started Guide

UPDATE : Based on TypeScript 2.1.4 TypeScript is the superset of ECMA2015 (ES6), which is the superset of ES5. TypeScript is transcompiled to Javascript before loading in web page. InstallationTypeS


Working with AJAX in React #1

This example shows how data cat be fetched from an api and displayed in a Component. AJAX UtilityTo fetch data from api a utility library is required. In this example axios is used. > npm install a


Rendering UI with Data in React Component #1

This example shows how data in json format can be passed to a react component. Indexindex.html --> index.js , document.getElementById('root') ); --> App (React Component)App.js {/* show