webpack with babel6 and react
In this post we will walk through the basic setup to make babel6 work with webpack. Assuming you have installed webpack. On a high level, Babel has the following architecture. Click on the image...
Tagged: es6
exports is not defined
This is very common error when your project has ES6 modules as well as require.js module systems. Here, I will show you few examples on how to require ES6 modules inside an AMD module....
Use node in es6 syntax with babel transpiling
Install the following packages : npm i –save babel-register npm i –save babel-preset-latest Create an entry point. For example, index.js It transpiles your app at runtime by hooking into all require calls, and lets...
Generating container components with connect utility in react redux app
Presentational component specifies look of the component where as Container component specifies how the behavior of it. I would recommend reading Presentation vs container components. In well architected react-redux app, Container components have two...
Passing the store down implicitly via context in a react redux app
I am going to show you two different ways of passing the store object down from the parent component to the all the child component. Without using the reacts’ context feature With using the...
Generators and Yield in es6
This article is the fifth installment of our ES6 tutorial series. In this article, we will continue where we left off from our previous article on generators. Part 1: Getting started with ES6 modules...
Getting started with es6 generator functions
This article is the fourth installment of our Learning ES6 series. In this article, we will introduce you to generators in ES6 using a number of examples. Part 1: Getting started with ES6 modules...
es6 iterators and iterables – creating custom iterators
This article is the third installment of our Learning ES6 series. In our previous article we explored the different ways in which you could iterate over arrays in ES6. In this article, we will...
Getting started with es6 iterators and iterables
ES6 iterators provide a very simple way to iterate on objects, quite similar to the way iterators work in Java. In this post, I will briefly discuss the main concepts behind ES6 iterators and...
Using es6 modules with simple examples
Modules have been around in javascript for a while now. The two competing standards for module declaration have been the AMD and Commonjs specification. With the new ES6 specs, module definition and consumption is...