Understanding a Simple React, React-Router and Redux Application in ES2015. Part 2

This is the third article in a series of posts on react, redux and webpack. Others:

  1. configuring webpack
  2. Understanding a simple react, redux and react-router app in es2015, part1.

Here, we will cover the routes configuration, the actions and all the react components starting from the Root.

Continue reading “Understanding a Simple React, React-Router and Redux Application in ES2015. Part 2”

Understanding a Simple React, React-Router and Redux Application in ES2015. Includes Hot Module Replacement and much more.

In this post I will try to make you understand how a javascript react application with redux and react-router works and how they play together. We will be using this boilerplate.

Continue reading “Understanding a Simple React, React-Router and Redux Application in ES2015. Includes Hot Module Replacement and much more.”

Tutorial: Javascript ES6 (ES2015), get started quickly with babel v6+, Gulp, Browserify and Use Arrow Functions, Classes, Import syntax…

This post is an update to my old tutorial on how to start writing ES6 on the front end with babel.

Continue reading “Tutorial: Javascript ES6 (ES2015), get started quickly with babel v6+, Gulp, Browserify and Use Arrow Functions, Classes, Import syntax…”

Javascript promises tutorial – The Future of Async code with ES6 and How they are more than just Pretty Callbacks

javascript promises are the new way of handling complex asynchronous code in ES6. There have been many libraries before (like async in node) that were used for that goal, but now promises are native to javascript.

Continue reading “Javascript promises tutorial – The Future of Async code with ES6 and How they are more than just Pretty Callbacks”

Pascal’s Triangle in Javascript 6 (ES6)

So I was reading a post on reddit where it was mentioned that on a interview for javascript developer they asked to write a function that returns n lines of Pascal’s Triangle.

My first reaction was of course: What is a Pascal Triangle? After reading wikipedia I said, ok let’s give it a try. At the end I didn’t make a function, but a whole ES6 class that renders it nicely to the browser.

Check out the codepen:

See the Pen A Pascal Triangle in ES6 by Jean-Pierre Sierens (@jpsierens) on CodePen.

If you want to start using ES6 in your projects, check out this tutorial I wrote.