Webpack for connected set ups

For a long time, I had the notion that webpack could only be ran for set ups that are independent from the back end. For example SPAs that only communicate with AJAX. I closed my mind into thinking that it had to be ran with a development server. You ... more

2017

I didn’t set any yearly goals for this year. Yet it’s been the single most successful year I have had so far. I am not saying the lack of goals made me more successful, in fact I think the opposite, that you can achieve more by setting goals. Years before ... more

Square root In Scheme

Scheme is beautiful, here’s a nice example on how to calculate square root with a 0.001 tolerance: Just functions building upon functions… The post Square root In Scheme appeared first on Javascript Jedi Padawan. ... more

Boilerplate: Webpack + React + Redux

A boilerplate for playing around with react, redux and react-router with the help of webpack. Contains: a working example of a filterable table which you can play around with (look below). ES6 – 7 Support with Babel Redux dev tools to help you keep track ... more

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

This is part 3 of a series of posts on react, redux and webpack. Other posts: configuring webpack Understanding a simple react, redux and react-router app in es2015, part1. In this post, we will cover the routes configuration, the actions and all the ... more

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. This post can be taken as part 2. The first one concerns setting up and ... more

Tutorial: Webpack setup using React, React-Router and Redux for developing Front End applications. Includes Hot Module Replacement and much more.

In this post I will show you how to build and understand a webpack config file for developing applications with react, react–router and redux. I also provide a boilerplate to start developing right away. The boilerplate contains: a working example of ... more

What are Javascript Prototypes?

I’m writing this post on javascript prototypes to help me further understand what they are by documenting, or rather summarizing, what I read. I hope that by doing this I also help you understand the subject. Prototypes, the prototype chain, the new ... 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. The example on the previous post won’t work anymore because babel changed the way it works, and now requires you to download additional plugins for the ... 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. The example on the previous post won’t work anymore because babel changed the way it works, and now requires you to download additional plugins for the ... more

League of Legends Best Match

A league of legends fan application I created. It searches the last 10 ranked matches played by the player searched and orders them by best match to worst. The application is made with: MongoDB, Nodejs with Express, React + Redux + React router for the ... more

Three dots in Javascript: How to use the Spread Operator and its use with Immutable Arrays

What are the three dots you see in javascript code snippets? The three dots are called the spread operator. It’s a new feature brought in with ES6. In this post I will show you some examples where you can use it. I will then talk about how they are helpful ... more

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. In this post I will show you a promise ... more

Tutorial: How to set up Gulp for Developing ES2015 React v0.14+ Applications with Babelify & Browserify

I want to dedicate a post to show you how to set up Gulp and in particular, a set up for React v0.14 and up. I also focus on doing this in ES2015 (ECMAScript 6 or ES6). I have seen countless threads of people having trouble getting over this initial ... more

League of Legends Team Stats

League of Legends Team Stats is a web app I made for the game with the same name. I made it to quickly build teams and check out general stats for each player. To test the site: choose “North America” as the region, and search the summoner “C9 sneaky” ... more

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 ... more

5 Tools every Javascript Developer should Use

Lately I have been thinking about the tools I use to write Javascript. I think about how much it would suck to develop without them. So I am going to list them in order of importance for me, 1st being the most important. I will try to convince you in ... more

MongoDB University Certificate: MongoDB for Node.js Developers

It’s been almost a year since I completed a full online course on Mongo but I never took the time to write about it. The course teaches you everything you need to know to get started building a MongoDB-based app. It goes over basic installation, JSON, ... more

Game of Life in ES6

I made a game of life clone in ES6 . Instructions on how to run the game are on the projects github page linked above. The purpose was to learn more about JavaScript, and focus on the new features brought in with ES6. To be able to use ES6 right now I ... more

How to get started with React js in ES6

Note: I have received some coupons from the folks at udemy for a $50 course on React. With the coupon you don’t have to pay anything. I am giving them out for free. Head over to this post to get your coupon. In this post I will give you a simple set up ... more