Coupling Redux to React

Posted in Javascript on November 28, 2016

In the first part of this introduction to Redux we talked about specific Redux things like actions, reducers and the store. So far we just applied these abstract things to our Silly App you probably know by now. However, nothing has been said about coupling Redux to React which is in fact the fun part since this will make the application do something.

Read more

Introduction to Redux without todo example

Posted in Javascript on November 22, 2016

When building apps with React managing the state can be hard, especially when the app grows and becomes more complex. Redux was built to make it easy to split the state of your React application from the views. With Redux your React components become even more reusable as they don't need to be aware of the state no more. The one way flow in Redux as we will discuss in this post makes reasoning about the app also much easier. Combining React with Redux makes way for well designed and structured apps that can easily scale. Let's go!

Read more

Transition to Laravel Forge and Envoyer – part 1

Posted in Development on September 12, 2016

In recent years, we have built several applications using the Laravel framework. Although we are really happy with the framework, hosting of those applications has always been a bit of a problem. Then, we ran into Laravel Forge as a tool to manage our own server and Laravel Envoyer to optimize the deployment of new features. In the following two blog posts we describe our experiences with these tools.

Read more

A React app inside a Laravel project

Posted in Javascript on August 30, 2016

Suppose you have a Laravel 5 installation that needs some heavy user driven JS on a specific page. The current JS solution does not yet use a JS framework but for this new piece it is definitely needed. Furthermore, assume we choose React to build this new piece of code. How to incorporate this stand alone React app in the Laravel project? We investigated this issue and today we describe our setup.

Read more

React router and the lifecycle methods

Posted in on August 15, 2016

In my previous post React Router was introduced to handle URL changes on the client side. We created a Silly app to show how it worked. In today's post we extend the Silly app with some very useful functions ;-) Firstly we like to use the URL to update the styling of the Clickable component we constructed earlier. Secondly we want to display the number of clicks on the button. The first is quite easy as it is described in the React Router docs, for the latter we have to use React's lifecycle methods.

Read more