Headless WordPress with React and GraphQL

How to create a single page application with React consuming Wordpress data with GraphQL

This post presents an alternative approach to create Wordpress websites using front-end cutting-edge technologies. A React single page application consuming Wordpress data using GraphQL through the Apollo Client library. Enjoy the goodies of Wordpress while offering modern, fast and memorable experiences to your users.

Async actions handling with redux-thunk

Using redux-thunk to work with asynchronicity

Working with async actions in Redux can be troublesome, there are many actions and reducers that fire up incorrectly, so here is a short and concise tutorial to start working with redux-thunk and handling async actions in Redux, complete with code samples and repository that you can use as boilerplate for your projects

5 tips to write animations’ specs that developers will love

Designers, start trusting developers with your motions

In the digital world, collaboration between designers and developers is crucial. Too often, when it comes to animations, we rely on vague descriptions of the expected effect. Here, we focus on how to write detailed and useful animations specifications so that developers can implement pixel-perfect animations.

Light on red stone representing animations and movement

Multiple Named Views in AngularJS

Using Angular UI router

Angular-ui-router is a powerful tool to reduce complexity when dealing with application states. Here is an example of how to exploit it efficiently by defining hierarchies and multiple views. Snippets included! We recommend giving this interesting feature a try.

Geometrical reflections of buildings

Build responsive websites more easily

Tips and tools to work efficiently with the grid system

Ease the development of responsive websites using Twitter Bootstrap grids correctly. If you use Twitter Bootstrap sass or less version, then you can take advantage of the mixins. Using this approach you can create more semantic css classes and make grids easier to maintain. We also give you a tool to debug your grids!

Geometrical building responsive

Avoiding huge controllers in AngularJS

JavaScript Object Oriented Programming to the rescue!

How to build large front-end applications in AngularJS ? An option is to use JavaScript Object Oriented Programming to reduce controllers complexity and make them easier to maintain. Here is an example (snippets included) of how to define classes and instantiate them inside AngularJS controllers.