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.Continue reading “What’s all the hype about React Server Components?”
To avoid this issue, I am going to show you how to implement lazy loading in only a few lines of code!Continue reading “Lazy loading images with Intersection Observer”
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 all those new projects that I am tracking.Continue reading “Weekly Digest #10: On Remix, Snowpack, Rome and Web-vitals”
Not long ago I started learning React. I have more than 10 years of experience using JS and before React I was actively coding in first wave generation web frameworks (like knockoutJS) and starting to get a grasp on components architecture (but using KO components + web components). Today I am coding entirely in React (both at work and for personal projects) and it’s been great. I love the community, there are a lot of projects & learning resources and I also found React to be a fast way of creating web applications.
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.Continue reading “Learning Path: Getting started with React”
TL;DR: Deno is a new ECMAScript based runtime (like NodeJS) created by Ryan Dahl (who also created NodeJS). It brings a lot of improvements to nodeJS: secure by default, TS default support and built-in utilities (dependency inspector, code formatting, bundler, etc).
Deno 1.0 was recently released and today I will give you all the resources you need to get yourself started.Continue reading “Weekly Digest #9: Everything you need to know about Deno”
NPM scripts are super popular these days and they are usually the main way of executing tasks in any JS repo. The challenge is that there is no standard and every project will have different options. In this quick-tip I will show you how to list scripts from the terminal.Continue reading “Tip: list NPM scripts”
IE11 is still alive and a lot of us have to maintain support for it in our web apps. There are 2 things I never like about issues in IE:
- It is hard to setup an environment.
- The dev tools are not as friendly!
I don’t have a solution for item #2 but today I will share how I use VirtualBox to always have a setup available! It removes the friction and helps with my predisposition to fix this edge (no pun intended) cases.Continue reading “Debugging IE11 with VirtualBox”
It has been always in the back of my head to develop some games. A while back I developed an android game called Drink or Dare with some friends, but that’s about it.
Today, I want to share a list of resources I have been bookmarking to help me develop games.Continue reading “Weekly Digest #8: On building games”
Recently I started working on a Visual Studio extension: a dependency visualizer for js/ts projects (still in early alpha). While working on it I started digging on how to test extensions.
Visual Studio has a nice setup to do unit testing but I was looking to go further. I wanted to do some BDD and define test cases closer to my acceptance criteria.
So, I ended up playing with Cypress and setting up a way to test extensions E2E. There are 4 steps involved in this setup and I’ll explain in detail how to do it.Continue reading “Testing VSCode Extensions with Cypress and code-server”
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.
I have read lots of them and some are still in my backlog but every-time I learned something new out of them.