LogoJuan Manuel Allo Ron

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

By Juan Manuel Allo Ron on 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 all those new projects that I am tracking.

Remix Run

Let’s start with Remix.run. Recently Ryan Florence (react-router author) announced that he is working on a framework for React. It is still not public but here is what I learned:

  • It’s not only Ryan but also Michael Jackson (also author of react-router). Which means that a lot of their learnings from react-router will be used here!
  • They are planning to build a framework that will provide: SSR, data loading, caching, SEO, accessibility, routing and probably more!. You can learn more in the official blog or in twitter @remix_run.
  • If you are intrigued and you want to learn more, check this video.
  • As I mentioned there is not much yet, but Ryan was clever enough to save his spot in NPM. Of course is empty, but it is interesting to see that he published it 2 years ago. So wondering how long they have been baking this idea and working on this project?
  • One small caveat is that Remix is probably going to be a paid framework. I guess it would be interesting to see what the pricing models end up being.
  • How does it compare to NextJS? I might answer this in future posts!

Time for Snowpack.

  • What is it? Well another cool build tool like Webpack, Rollup, Browserify, etc, etc, etc.
  • Why I am excited about it? Competition is always good. When NPM got slow and was not working Yarn was born. What happened with NPM ? They made a lot of changes and improvements. Maybe the same happens with other bundlers? :fingers_crossed:
  • The official docs are super complete. There is a public beta, so you can install it and try it! npm install --save-dev snowpack@next
  • Let’s go straight into the fight: Snowpack vs Webpack.
  • Do you want to see how the community feels about it? Check the comments in the Hacker News post.


All roads lead to Rome. Recently Facebook announced their own sets of tools to build Javascript projects. From linting & code formatting to bundling.

  • Check the Github Repository for more information and details.
  • Also, there is no NPM package yet, but you can quickly clone their repo and use it. Check the installation guide to get started.
  • Why start from scratch and create everything that is already there? I am not entirely sure why we don’t just rely on mature tools, but Facebook likes to reinvent things, let’s see how it goes!
  • If you want to learn more, check this guide by Jason Miller. Also, see what others think in this Hacker News thread.

Web Vitals

Performance in our websites and web application is critical these days. We have so many tools and browsers are making it easier for us (Except IE11). So there is no excuse!. I follow Google closely in everything performance related, they are the ones that have been pushing the boundaries and recently they announced web vitals.

  • What? Web Vitals is Google latest iteration on performance metrics and tools.
  • For a while they have been promoting Lighthouse and metrics like First Contentful Paint (FCP) and Time to Interactive (TTI). And after absorbing data from how that was working and learnings, they evolved into new main metrics: Largest Contentful Paint (LCP), First Input Delay (FID) and Content Layout Shift (CLS)
  • What does it mean for us? TTI was complex to measure and optimize but by moving to LCP we will have more success on measuring and providing great experiences.
  • Not sure how CLS is going to play out in terms of search ranking but we should start paying close attention to it.
  • Want to try it? Check the chrome extension.

Still feel like learning about more exciting tech? Check this episode from my favorite podcast Syntax!!

I recognize that the amount of moving pieces in FE is overwhelming.

  • How do you know what to pick?
  • Do you go with the trend?
  • Do you stay with the classics/basics?
  • How likely is this project to be alive in 3 months? In a year?

My advice is to be always informed. Just keep a high level understanding of new projects and news around the web. Don’t try to learn everything in detail (It is impossible), use the news in your advantage. For example, I am currently coding with React at work, so that’s my main focus, I only go deep into projects/news around React. The rest, I like to be informed, maybe get some practice on them if time permits!


Catch up with me on X (twitter):@juan_allo

Web vitals
Weekly digest


X Facebook Y Combinator LinkedIn Reddit Email


Similar Articles

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 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.
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.

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.

@2024 Juan Manuel Allo Ron. All Rights reserved