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

How Discord Implemented App-Wide Keyboard Navigation

With a reported 250 million users, Discord operates at a scale which is difficult for many to fully grasp. Here’s how they rolled out a key new feature to that massive community. - http://amp.gs/MA2D

#react

42 Tips and Tricks to Write Faster, Better-Optimized JavaScript Code

I always used to prefer something like a newspaper which give enough information in a shorter span of time. Here, I create tips for day to day Frontend development. - http://amp.gs/Mq5n

#javascript

Using Airtable as a Database to Store Realtime Messages

Learn how to use Airtable to store realtime messages using a group chat app built with Vue.js. - http://amp.gs/MsoY

#vue

The Four 'Creational' Design Patterns in Node.js You Should Know

Design patterns are used in numerous scenarios such as for handling object interactions, object design, and also how objects are created which is the focus here. Singleton, Factory, Builder, and Prototype patterns are covered. - http://amp.gs/MD83

#nodejs

ControlValueAccessor and contenteditable in Angular

Have you wondered how Angular forms work with HTML elements where user enters data?
From the beginning, it was a responsibility of ControlValueAccessor. Angular has several accessors out of the box: for checkboxes, inputs, selects. Let’s say you develop a chat application. You need to be able to change style of the text. Make it bold or underlined, add emojis and so on. You would most likely use contenteditable attribute to handle formatting. - http://amp.gs/Mut0

#angular

Are your Anchor Links Accessible?

Amber Wilson shows how to create accessible anchor links. - http://amp.gs/Mu6p

#css #accessibility

React Performance Optimization Tips

If one of your New Year’s resolution to finally tweak up the performance of your apps, these tips will help. - http://amp.gs/M0Yr

#react

Executing Heavy Tasks Without Blocking the Main Thread on Flutter

Approaches to optimizing the execution of heavy tasks in Flutter. - http://amp.gs/MKTc

#flutter

Comparing Emilua to Node.js

Emilua is sort of a Node-a-like for the Lua language. I’m unlikely to use it, but it’s a neat look at a project I was unaware of. - http://amp.gs/MKqO

#nodejs

Why We Still Need State Management Systems in Vue 3 — But Not the Way You Think

The Composition API gives us great flexibility - but how can we gather the insights we are used to by Vue.js Devtools integrations like Vuex? - http://amp.gs/M3eH

#vue

ECMAScript 2020: The Final Feature Set

TC39 (and then Ecma) approved the ECMAScript 2020 spec in early 2020, but what was new? Dr. Axel rounded it up succinctly with links to the various proposals. We also now have a draft of ECMAScript 2021 with us if you want to get prepared - http://amp.gs/MHIL

#javascript

Getting trapped into the Angular DI mechanism

The Angular framework includes a top-notch mechanism for providing dependencies to an Angular application, called the Angular dependency injection or simply Angular DI. - http://amp.gs/MHgh

#angular

The Future of CSS: Higher Level Custom Properties To Control Multiple Declarations

Bramus Van Damme gives an overview of Higher Level Custom Properties, properties that control a number of other CSS Properties. - http://amp.gs/M2jZ

#css

Building A Quotes App In Flutter

Learn how to build a simple quotes app in Flutter, including how to fetch the data, implement the UI and style the text. - http://amp.gs/M2KQ

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/MwNK

#vue

Intro to React Server Side Rendering

In issue 220 we featured extensive coverage of the brand new React Server Components which are currently in development. However, they do not replace SSR but rather they complement it. Given SSR is going to be part of the development landscape for some time, this is what you need to know to get started. - http://amp.gs/MFsL

#react

Front-End Performance Checklist 2021

An annual front-end performance checklist (available as PDF, Apple Pages, MS Word), with everything you need to know to create fast experiences on the web today, from metrics to tooling and CSS/JavaScript techniques. - http://amp.gs/MFbQ

#frontend #checklist