Progressive Web Apps in 2021

The 2020 version of this blog post was our top shared link last year, and now Maximiliano is back with an updated version for 2021. It looks at where the PWA platform is as a whole, what changes took place over the last twelve months, and what’s ahead — think things like market share, what’s new, what’s missing, challenges, new capabilities, etc. - http://amp.gs/5sRd

#pwa

How To Design Highly Performant Animations and Micro-Interactions

Rob O’Leary explains how to create highly performant animations and micro-interactions. - http://amp.gs/5iTl

#css

Securing Your GitHub Project

15 tips for improving the security of any projects you have hosted on GitHub from using two factor auth to security scanning and using trusted GitHub Actions. - http://amp.gs/5iCM

#github

5 Tools/Packages for Productive Flutter Development - http://amp.gs/5iK2

#flutter

Checkerboard Reveal

Geoff Graham demonstrates how to create an interesting reveal effect using CSS. - http://amp.gs/5Dlp

#css

Why React Context is Not a "State Management" Tool

And, importantly, why Context doesn’t necessarily replace Redux, as some have argued before. Mark presents some clarification on the purpose and use cases for Context and Redux here. - http://amp.gs/5DuG

#react

Why Does Markdown Need to be Sanitized in Vue?

Creating a markdown editor is not that difficult. Let's learn to create one using Vue, Marked and a sanitizer library DOMPurify. - http://amp.gs/5uk6

#vue

An Angular Roadmap — The Past, Present, and Future of Angular

As of November 2020, Angular version 11.0.0 is now available. While this release brings many updates to the platform, the most significant features include faster builds with TypeScript 4.0, component test harnesses, and ESLint updates. - http://amp.gs/5JzX

#angular

Micro Front-End Architecture at Enterprise Scale

This article tries to compress years of experience in enterprise architecture into a useful guide with a focus on micro front-end architecture. - http://amp.gs/50zX

#microfrontends

Display Dynamic Calendar Events With Flutter

How to use table_calendar package to create dynamic events in your Flutter apps. - http://amp.gs/5K8b

#flutter

Seven Ways of Achieving Conditional Rendering in React

Conditional rendering means rendering only that which needs to be rendered instead of rendering everything by default. Here are a number of different ways of doing that, each suited to a particular set of conditions. - http://amp.gs/5KbI

#react

The JavaScript 'Rising Stars' of 2020

Fingers crossed this is our final ‘look back’ at 2020, but the ‘Best of JS Rising Stars’ roundup comes out at the start of each year and shows off the fastest growing JavaScript tools and projects over the past year based on GitHub stars (which, yes, is by no means a definitive metric). Stand out projects include Deno, Playwright, esbuild, and Rome, all of which we expect to see great things of in 2021. - http://amp.gs/5Hzl

#javascript

Making GitHub’s New Homepage Fast and Performant

Tobias Ahlin takes a deep-dive into two strategies that produced the most significant performance impact for GitHub’s new homepage: crafting high-performance animations and serving the perfect image. - http://amp.gs/52Yw

#css

Vno: a Vue/Deno Love Story

Vno is the first native build tool for parsing, compiling, and bundling Vue components in a Deno runtime. Vno has an integrated CLI for quick set up. - http://amp.gs/52bq

#vue

How To Write Better Functional Components in React

Five simple tips which help write optimized functional components that are more readable, each with its own sample code showcased with JSFiddle. - http://amp.gs/5XjK

#react

Angular Component Portals

There has been much talk and hype around Angular Ivy, with it being hailed as the saviour for many things that will come to Angular ecosystem of the future, this includes to be able to lazily load an individual component at runtime using the import syntax without the need of a NgModule itself. - http://amp.gs/5XLB

#angular

Some Language-Agnostic Guidelines on Naming Variables

JavaScript is used although the basic principles can be applied to most languages. - http://amp.gs/5LX6

#javascript

How to Deploy Flutter Web to Netlify Using CI/CD and Azure Pipelines

From Firebase to Netlify, a step-by-step guide to deploy Flutter Web to Netlify using Azure Pipelines. - http://amp.gs/5WL8

#flutter

New Aspect-Ratio CSS Property Supported in Chromium, Safari Technology Preview, and Firefox Nightly

Una Kravets explains how to maintain aspect ratio within images and elements with the new aspect-ratio CSS property. - http://amp.gs/5aiX

#css