A series on automating mundane and not so mundane stuff in software development

Intro

This is my first post on a series about how automation can be used to save time and improve DX (developer experience). In this post, I will show you a project I created, rzn-scripts, that adds ESLint, Jest, Commitizen and other dev tools to a new project. My objective is to show you an example of how you can use your dev skills to automate the boring stuff and save time for the fun stuff. …

This is a post about Storybook and conventions. It is based on my experience using Storybook over several years and from the experiences of other developers. The best practices I define here aren’t silver bullets that will fix and improve every project. They’re a baseline of ideas and conventions that I think are worth trying. Hopefully, they can help you and your team have a better developer experience and ultimately deliver better software to the world.

I assum you know what Storybook is and that you have some experience with it. The ideas here can be applied to apps of…

List of 25 conferences to learn, network, have fun and become a better IT professional. All from the comfort of your home.

Hello

My name is Rafael and I put together a list of on-line conferences related to IT and software development. There’s almost a conference a day in June!!! A lot of cool topics, workshops, demos, and discussions. There are all sorts of conferences happening. Some are short, others very long. Some are paid and some are free. …

Intro

This is a collection of thoughts, methods, and practices from myself and other people that I put together to help me, and hopefully other devs, to write clean, maintainable, and scalable front-end code in React and Redux, in particular.

This article is based on my own experiences developing in React and in a lot of reading I did on Medium and all over the internet about React and Redux best practices and project structure. My main focus here is on project structure and maintainability, not so much on components. Although I’ll say a thing or two about that.

I created…

In this tutorial, I’ll show you how to set up a JavaScript monorepo with an api (Express), a web app (React), a mobile app (React Native), and a shared folder for reusable code. But first…

A brief introduction

I’m a software developer and most part of my time is spent building REST APIs and React applications. My journey with monorepos started first as a curiosity. And then it became more serious when I started building my own app a few months ago. When I started building this app I had some basic principles that I wanted to follow as much as possible:

1. Use…

How to setup Nunjucks as the template engine of a Sails JS application

Nunjucks is a template engine build by Mozilla and it has a lot of functionality, for example, asynchronous control, filters, extensions, and many others. One of the most important features for me is template inheritance. That’s why I decided to use it in a Sails application that I’m building.

First things first. Install Nunjucks and Consolidate, which is the glue between Nunjucks and Sails.

npm install consolidate nunjucks --save

Then, in config/views.js replace the default values for the engine with the following:

If you want a…

So, I wanted to find a way to simulate different api responses for my React components while developing them in Storybook. I found out another tutorial that was very helpful but it used another fetch library instead Axios. Then, I decided to put my own little tutorial to help others that use Storybook and Axios HTTP client.

Assuming you have Storybook already setup. Install this:

npm install axios-mock-adapter --save-dev

Then in your stories:

My Test component is just to illustrate. What is important here is:

• Without the mock adapter, the response would be data for the planet Tatooine from…