LogoJuan Manuel Allo Ron

Development posts

Development posts by Juan Manuel Allo Ron

Multiple options to deploy your web application

Feb 5, 2021
In this weekly digest I have compiled a list of tutorials to deploy your website or app into different hosting providers.
A typical loading sequence for a web page

What's all the hype about React Server Components?

Jan 7, 2021
A couple of weeks ago the React team announced React Server Components. In this article today I will explain what it is, why they came up with this strategy and how to get prepared for it.
An image showing the output of the command man z

Tip: use Z

May 28, 2020
Aren’t you tired of always typing the same routes in the terminal? When I found z it changed my productivity. What’s z? A terminal command to help you quickly navigate across directories…
Image Slideshow example

Lazy loading images with Intersection Observer

May 26, 2020
Images play a huge role in loading performance. Websites loading tons of images upfront can be paying a high price in terms of user experience…

Weekly Digest #10: On Remix, Snowpack, Rome and Web-vitals

May 24, 2020
The never ending flow of innovation is what I love about the web. There are so many great ideas! In the past few months a lot of innovation happened and in this weekly digest I want to share the most important ones.
React Logo

Learning Path: Getting started with React

May 19, 2020
In this post I want to share some resources that helped me learn React and I hope they are useful for anyone starting out there.

Weekly Digest #9: Everything you need to know about Deno

May 17, 2020
Deno is a new ECMAScript based runtime (like NodeJS) created by Ryan Dahl (who also created NodeJS)

Tip: list NPM scripts

May 14, 2020
In this quick-tip I will show you how to list scripts from the terminal
VirtualBox UI screenshot

Debugging IE11 with VirtualBox

May 12, 2020
A quick setup with virtualbox to test IE11

Weekly Digest #8: On building games

May 10, 2020
Today, I want to share a list of resources I have been bookmarking to help me develop games.
Side to side visual differences between the command cat and bat

Tip: Syntax Highlighting with BAT

May 7, 2020
Terminal command cat is a standard tool to print file contents to the console. I use it all the time but recently I found bat and it changed my life!

Testing VSCode Extensions with Cypress and code-server

May 5, 2020
There are 4 steps involved in this setup and I’ll explain in detail how to do it.
A book cover with JS books as the title

Weekly Digest #7: On Javascript books

May 3, 2020
Whether you are learning JS from scratch or have been working with it for a while now, I believe you will find great value on the following list of books.
Canva.com main editor

Create Quick and Stunning graphs

Apr 28, 2020
How to use canva to create designs, logos and much more
The host working out in the React Summit

React Summit Remote Edition Highlights

Apr 21, 2020
When the year started I was looking to attend to React Summit in Amsterdam. So I was super happy to hear that they were doing a remote edition. Woke up at 5:30 am to attend and it was totally worth it! Specially the workout break!!!
Two employees testing a web app

Thoughts on Snapshot Testing

Apr 14, 2020
Since I moved to react at work I have been using and trying different testing strategies and I wanted to share some thoughts and best practices around snapshot testing.
Coverage output example

Visual Studio Code Extensions: Adding code coverage in 3 easy steps

Apr 7, 2020
In this quick tutorial I will show how you can add test coverage to your vscode plugin repository.

Weekly Digest #3: Understanding Javascript Internals

Apr 5, 2020
In this weekly digest I want to focus on resources that have helped me learn Javascript inner workings. In order to master any coding language it is necessary to understand how it works.

Creating gifs from the OSX terminal in 2 easy steps

Mar 31, 2020
I like sharing quick demos to all the stakeholders as soon as I start developing something new. I find that sharing soon helps to get early feedback and make sure that everyone’s requirements…

Weekly Digest #2: Latest web open source releases

Mar 29, 2020
Latest releases on the web. Storybook 5.3 , ts 3.8 and 3.9 beta, nextjs 9.3, babeljs 7.9 (in prep for 8.0), prettier 2.0, git 2.26 and react-router v6 alpha.

Weekly Digest #1

Mar 22, 2020
Best practices on JavaScript modularity: when to use named exports, how to group code and what to avoid. Check JavaScript Module Best Practices.

Partial Application made easy with ES6

Nov 12, 2018
In this post I will present a quick example on how ES6 can improve readability and help build code that is easier to maintain. Also, I will be exploring partial application, a nice technique to keep in your developer toolbox.
Promise States: Pending/Fulfilled/Rejected

Javascript as Promised

Nov 15, 2017
Promises have been there for a while now, officially released in ES6 but already being supported by most browsers before that and/or polyfiled by libraries
Blurred lines of code

Callbacks in Javascript

Nov 15, 2017
Quick recap on what a JS callback is and the common problems around using them

CSS Flexbox guide

Apr 6, 2017
Flexbox helps to solve some of the major problems when working with CSS. Here is a cheatsheet that provides a glance of everything you can do with it.

@2023 Juan Manuel Allo Ron. All Rights reserved