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

The Good and Bad of Angular Development

The Angular framework is here around for almost ten years. It is introduced and used by Google to build robust software products. This framework is developed by the same team that created the AngularJs framework. Angular is the most popular framework and ranks in the top five amongst other web app development frameworks. Angular is famous because it is equipped with robust components that help developers create readable, easy-to-use, and maintainable codes. To use this modern Angular framework, having knowledge of TypeScript is necessary. - http://amp.gs/MXX0

#angular

150+ JavaScript Questions (With Their Answers Explained)

Want to test your JavaScript knowledge? Whether for fun or a job interview, this remains an interesting set of questions, complete with explanations of the answers. - http://amp.gs/ML2c

#javascript

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

#rxjs #tips

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

#vue

Maximally Optimizing Image Loading for the Web in 2021

Malte Ubl outlines eight image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the CPU usage for image display. - http://amp.gs/Mobs

#css

How to Use useCallback to Write Better React Code

While React has the reputation of being pretty fast already, there are still situations where components begin to feel clunky. If that’s the case, you may want to employ useCallback to prevent them from being needlessly recreated during render. - http://amp.gs/M5ID

#react