Blog.

Putting our Heads

Together.

10/12/2018

Front-end

Selector pattern in React/Redux apps

Discover the piece you were missing in your app architectural approach

You’ve developed React/Redux web apps in the past but you may be missing the last piece to having great code maintainability and true decoupling between views and state. We will tell you how selectors worked for us and why we think they are so great!

05/02/2018

Front-end

5 console tips to debug your web apps with Chrome Dev Tools

Make the most out of your debug and test sessions

Chrome Dev Tools provides many ways to debug our web apps. But we often limit ourselves to the use of `console.log`. Improve your development workflow by using these 5 console tips to make the most out of your debug and test sessions.

04/10/2018

Front-end

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.

03/08/2018

Front-end

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

06/15/2017

Front-end

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.

08/25/2015

Front-end

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.

08/10/2015

Front-end

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!

11/18/2013

Front-end

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.

Small enough to care,
big enough to get the job done

La Plata, ARGENTINA

Av. 13 #99, Offices 201 & 204

Neuquén, ARGENTINA

Independencia 596, Edificio Fidtech

Paris, FRANCE

24 Cour des Petites Écuries, 75010

© 2021

NAN

LABS. All Rights Reserved.