Putting our heads together.
5 Examples of Test-driven Development Frameworks You Must Know
To test or not to test, that is the question. Well, not quite. If Shakespeare wrote the Agile manifesto, he’d have said, “to test, yes. But when and how? That is the question.”
Software testing is crucial to ensure code functionality. Learn how to do it using test-driven development frameworks by following these examples!
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!
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.
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.
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.
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!
Avoiding huge controllers in AngularJS