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

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