Micro Frontends Pattern Comparison

Comparing build-time integration, server-side integration, run-time integration via iframes, and run-time integration via script. - http://amp.gs/MPKL

#microfrontends

Simulating Drop Shadows with the CSS Paint API

Steve Fulghum looks at how you can use CSS Paint API to create intricate drop shadows within a border-image. - http://amp.gs/My0t

#css

Flutter — Visual Studio Code Extensions for Fast and Efficient Development

Extensions are a quick way to get your work done. A lot of extensions help in reducing repetitive work, reduce boilerplate code, etc. Some other extensions help in assisting the development process and even help in faster and efficient development. - http://amp.gs/MhFZ

#flutter

15 RxJS *Awesome* Tips from 15 Sentinels

RxJS is by far the hottest library for reactive programming in the web for the past few years. It is built on fascinating concepts and paradigms which are worth digging into that aren’t in scope of this post (what is “reactive”, “declarative”, functional programming concepts and more..). - http://amp.gs/MvDH

#rxjs

Implement Infinite Scroll in Vue.js Using Apollo and Hasura GraphQL

In this article, you'll learn how to implement infinite scroll in a Vue.js app using Apollo and Hasura GraphQL APIs. - http://amp.gs/MguU

#vue

Moivaio: A JavaScript Library Comparison Tool

The output is quite simple, but it plots some charts of downloads, bundle sizes, and various GitHub statistics, giving you a way to make basic comparisons. The developer has written about his motivations for building it too. - http://amp.gs/ME8K

#tools

Bulletproof Flag Components

Jay Freestone shows how to create bulletproof ‘flag’ components using CSS Grid. - http://amp.gs/MEst

#css

The Key React Libraries to Use in 2020

Everyone loves a curated list! This one came right at the start of 2020 and intelligently bought together a variety of key React libraries that still remain valuable. I hope Robin or someone else does a similar list for 2021.. hint hint. - http://amp.gs/MVmC

#react

15 Most Important Concepts that Every JavaScript Programmer Must Know

A substantial post that covers the most important concept every JavaScript programmer must know and master. - http://amp.gs/MVuu

#javascript

A proposal to improve Angular’s ReactiveFormsModule

We’re going to talk about some of the problems with the ReactiveFormsModule and discuss a proposal to fix many of these problems. - http://amp.gs/M9Bq

#angular

Vue Composition API Tutorial: Build a Project Idea Generator

The purpose of this tutorial is to learn how to use the Vue 3 Composition API to build an idea generator. - http://amp.gs/M9s7

#vue

10 Reasons To Consider Micro-Frontends

Modern web applications are becoming big and more complex and sometimes managed by different teams. Your application might have features developed by different teams and you want to release only certain features into production before delivering the entire application. How do you manage different teams, different release… - http://amp.gs/M4ms

#microfrontends

Introducing Zero-Bundle-Size React Server Components

Taking a fairly long holiday means news can break and there’s enough time for the target audience to absorb and respond to it. Just as we headed off in 2020, Dan Abramov and Lauren Tan of the React Core Team quietly dropped this piece hinting at an interesting new direction for React to take. - http://amp.gs/M4MB

#react

Sticky CSS Grid Items

Melanie Richards explains how to get position sticky working on a grid item. - http://amp.gs/MR36

#css

Angular — Why we should avoid using public methods to design components

There are many ways to communicate between components. One of the most frequently used approaches is via public method calls. Many developers with a strong classic web development background (such as JQuery) like using this approach to design components. However, it is in fact, not a good practice in the world of Angular. - http://amp.gs/MUwo

#angular

What’s New In NextJS 10

NextJS is a popular framework for making high performance, server-rendered React applications. Originally released in 2016 by Vercel, NextJS has come a long way. It’s now one of the most popular frameworks for not only building server-rendered applications but also for building static sites. - http://amp.gs/MdBs

#nextjs

Type-Safe Vue.js Injections

This is a short article on what you can do with provide/inject TypeScript support in Vue 3 and vue/composition-api library for Vue 2. - http://amp.gs/MdaN

#vue

JavaScript Promise Tutorial – How to Resolve or Reject Promises in JS

Learn the easy method to understand, learn, and work with JavaScript Promises. - http://amp.gs/MOXu

#javascript

Experimenting Producing AVIF Images from Node

AVIF is a new image format that’s not widely supported yet, but with widespread support on the way. Given its many advantages, though, developers are keen to use it. The Sharp module recently added AVIF support too and here’s how it operates. - http://amp.gs/MrWC

#nodejs

Improving Cross-Browser Testing, Part 1: Web Application Testing Today

James Graham and Maja Frydrychowicz explore the current web-application testing landscape and explain what Firefox is doing today to allow developers to run more kinds of tests. - http://amp.gs/MSXx

#css

Making Configurable Angular Feature Modules Using Strategy Pattern

House cleaning takes effort, but the result is priceless. Same goes for clean code. It takes effort, but patterns definitely increase the life expectancy of code. When we create some Angular feature modules and want to reuse them, we often end up rewriting the module either by updating the config or logic inside some classes to fit our needs. We should try our best to avoid these sort of practises as much as possible for better code maintenance. - http://amp.gs/MN08

#angular