Blog
Putting our heads together.
09/14/2022
5 Examples of Test-driven Development Frameworks You Must Know
No one can deny the value of code testing. But knowing how to do it, and which testing frameworks to use, is another story.
Software testing is crucial to ensure code functionality. Learn how to do it using test-driven development frameworks by following these examples!
10/12/2018
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
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
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
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
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
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
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
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.