Today it is time to get started with some real React code. Following the approach described in ‘thinking in React’, we start with the setup of a static version of the app. The app we consider is a dartgame called Tactics. In short, two players hit the numbers 20 to 10 three times each. Once a number is completed (i.e., you hit it three times but your opponent did not), you can score points by hitting the number again. When both players have all numbers completed the points are calculated and the player with the highest score wins.

Here we describe a typical approach of modular Javascript inside a Laravel 5 project. We start by creating some modules and continue the whole process from dependency management towards bundling, minification and creating production ready Javascript. This process is extremely easy to setup using Laravel Elixir with Browserify. You just have to put your files in the right place!

To merge or not to merge? That’s the question for Javascript developers. When you are working on the code you want to split your code in small reusable modules in order to maintain an organised and structured code base. But on the production server you want to minify the number of HTTP requests to improve the overall loading time of your page. In this post we discuss this subject in detail and come up with some tools you can use to achieve this result.