Franco D'Alessio

Published in

·Sep 28, 2020

Yes, your users care about how you write code

This post was originally published in my personal site. The experience of the user is the only thing that matters? It’s a common thought and a widespread idea that the only thing that matters is the user experience. If a certain product is well designed, the user will have a good experience and be able to accomplish his/her goal. …

Web Development

4 min read

Yes, your users care about how you write code

Web Development

4 min read

Published in

The Startup

·Jun 8, 2020

Understanding React’s Error Boundaries

This post was originally published in my personal site. In the past, Javascript errors inside components used to corrupt React’s internal state and produce a corrupted UI in place. React did not provide any way to handle these errors gracefully, and could not recover from them. An important change was…

JavaScript

6 min read

JavaScript

6 min read

Published in

The Startup

·May 25, 2020

Writing an integration test with React Testing Library

This post was originally published in my personal site. At this point I think I don’t have to explain the importance of testing your applications. Automated tests allow you to catch bugs while still developing and avoid getting a call at 2am because your application is not working as expected. …

React

9 min read

React

9 min read

Published in

The Startup

·May 10, 2020

The 3 essentials to get started with styled-components

This post was originally published in my personal site. I love styled-components. I use this library for all my personal projects (including my personal site). It's very powerful and also very easy to use. …

React

7 min read

The 3 essentials to get started with styled-components

React

7 min read

Published in

The Startup

·Apr 28, 2020

Never call a React function component

This post was originally published in my personal site. When we write React code, we use JSX to create React elements. In case you don’t know, JSX is an extension to Javascript to support syntax that looks like the HTML code you would write to create DOM elements. JSX allows…

React

4 min read

React

4 min read

Apr 21, 2020

The difference between Classes and Function components in React

This post was originally published in my personal site. In the early days of React, Classes were the only way to have functionality in your components (like state). You’d only use Functions for dumb components which only displayed stuff. This is no longer true, because we now have React Hooks…

React

5 min read

React

5 min read

Apr 14, 2020

Understanding React’s useEffect Hook

This post was originally published in my personal site. React Hooks are awesome and definitely make our lives as React developers much easier. In case you don’t know what they are, Hooks were introduced in React 16.8.0, …

React

7 min read

React

7 min read

Published in

The Startup

·Apr 10, 2020

Basic accessibility for your HTML forms

This post was originally published in my personal site. Today I want to write about a simple, yet powerful element you must include when building an HTML form: labels. You probably know what a label is. It tells the user what the field is all about. …

HTML

3 min read

HTML

3 min read

Published in

Level Up Coding

·Apr 10, 2020

Understanding React elements and JSX

This post was originally published in my personal site. Let’s start by writing a simple piece of code to display a “Hello World” message, using just vanilla Javascript and browser APIs. First, let’s create a root div in our body section: <body> <div id="root"></div> </body> We will now create a…

React

6 min read

React

6 min read

Published in

The Startup

·Apr 1, 2020

Understanding the importance of the key prop in React 🗝

This post was originally published in my personal site. If you’ve written some React code, you’ve most probably seen this warning:

React

5 min read

React

5 min read