Tag: Babel

WebGL

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

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

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

React

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

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

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

Javascript

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

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

React

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

React

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