Build your own components to use with React.js and Next.js in 5 minutes

Years ago when I made my first approach to the React.js environment, I came up with different concepts with different naming. One of those concepts is Higher Order Component (Or HOC), which is without doubt one of the features I like (and use) the most.

As React official documentation says:

A higher-order component (HOC) is an advanced technique in React for reusing component logic. HOCs are not part of the React API, per se. They are a pattern that emerges from React’s compositional nature. …

This is the second part of the tutorial, which is divided into 2 parts:

— Part 1: Setting up the project, and animating the top left and top right squares.

— Part 2: Animating the bottom left and bottom right squares, as well as fading in the text

We are building an animation for the logo of Arcaweb, a swiss company based in the heart of Agno, Ticino.

The final source code is available on https://github.com/juancurti/flutteranimationtutorial

Our goal is the following:

In this tutorial, we will learn how to build a complex animation using Flutter, based on the logo of Arcaweb.

Arcaweb is a swiss company based in the heart of Agno, Ticino, as an active member of the Swiss tech scene, developing software solutions for companies and startups. Its logo presents three red squares and a rotated grey square; next to it, there’s the company name with two different text formats:

Introduction

As developers, we found ourselves very often in situations where we need to protect certain data or variables not only from potential attacks but from users as well. When developing a mobile application, a web platform, even a single page application we use to rely on different libraries or third-party services (for instance Google Maps for location, Facebook or Google for signing in, and so on), as well as API credentials (being on our very own server or an external one), and SSH-keys for remote connection. In synthesis, we are speaking of sensitive information.

To keep our code safe and secure, we can host our code in different repositories, being the most used GitHub, GitLab, and Bitbucket. The recent acquisition of Github by the tech giant Microsoft made most users evaluate the repository they were using, depending on the features they needed and how they felt with each platform. The actual share on providers can be reflected in the following…

Build your own chrome extension to count words, characters, and price-per-word as you write

Introduction

Not long ago, I started writing on Medium as a part-time gig to alternate with my freelance work. Not being a native English speaker, I found using chrome extensions like Grammarly really helpful. (In case you don’t know it yet, it is a digital writing tool that uses artificial intelligence and natural language processing to help with grammar checking, spell checking, plagiarism detection and suggestions about clarity, formality, tone, and vocabulary). Anyway, I don’t use all of its features because it has different plans (Free, Premium for individuals and Premium for business) or at least I didn’t have the necessity of using those features yet. …

Introduction

We are always aware of several news articles we read since years ago about how much time we spent in front of our computers and how bad it is not to have a good culture about it.
According to a Nielsen Company audience report made in February 2018, the average person in the United States spent approximately 10 hours and 39 minutes each day in front of screens, including the daily use of smartphones, computers, video games, tablets, and TVs.
At the same time, the technology is enough updated to help us fix this, at least by baby steps. I was thinking about how to combine this problem with this blessing, and I came up with this experiment: writing a blog article on a paper (What can be easily done outside), take a picture of it and run a script to convert it to HTML. …

Database queries on Go with PostgreSQL

Introduction

Note: This is a tutorial divided into 3 parts:

1. Installing Go
2. TDD with Go and PostgreSQL
3. Database queries on Go with PostgreSQL

Finishing the Job

In the second part, we end up writing all the tests for our methods, specifically for our products model. Back in our model.go file, we left a lot of “Not implemented” messages, so let’s fix it:

func (p *product) getProduct(db *sql.DB) error {
  return db.QueryRow("SELECT name, price FROM products WHERE id=$1",
        p.ID).Scan(&p.Name, &p.Price)
}func (p *product) updateProduct(db *sql.DB) error {
  _, err :=
        db.Exec("UPDATE products SET name=$1, price=$2 WHERE id=$3",
            p.Name, p.Price, p.ID)return err
}func (p *product) deleteProduct(db *sql.DB) error {
  _, err := db.Exec("DELETE FROM products WHERE id=$1"…

TDD with Go and PostgreSQL

Introduction

Note: This is a tutorial divided into 3 parts:

1. Installing Go
2. TDD with Go and PostgreSQL
3. Database queries on Go with PostgreSQL

What are we going to build?

The scope of this project is to build from scratch (Literally, from creating the git repository) an example of REST API with Go, including routing, database-fetching (PostgreSQL) and, to start with the right foot, via Test-Driven Development.

Starting PostgreSQL with Docker

First of all, we need to have PostgreSQL installed on your machine. I prefer to use a Docker container with PostgreSQL. …