Complete Guide: Angular lifecycle hooks

In this article, we will take a deeper dive into each lifecycle hook and look at how they're used in Angular. - http://amp.gs/jZeJ7

#angular

Ref() vs Reactive() in Vue 3 — what’s the right choice? - http://amp.gs/jZ7E0

#vue

The Future of CSS: Detect at-rule support with @supports at-rule(@keyword)

Bramus Van Damme explains how to detect at-rule support in CSS. - http://amp.gs/jZPP0

#css

Look for These React Trends in 2022

The author takes a look at what they feel will be important in the coming year: Remix, server-side rendering, concurrent rendering, behaviour testing as well as some 'honorable mentions'. - http://amp.gs/jZyBc

#react

A Pipe Operator for JavaScript: Introduction and Use Cases

In the State of JS 2020 survey, a lot of developers felt a pipe operator was missing from JavaScript. It’s been around a while, but there’s a pipeline operator proposal and it’s at stage two of the TC39 process. Dr. Axel explains why you’d want this, how it can work, and why JS won’t get F# style pipes. - http://amp.gs/jZyqr

#javascript

Using Streams to Build High-Performing Node Apps

Find out how to use the stream module in Node.js to build high(er)-performing apps. - http://amp.gs/jZh8a

#nodejs

Telegraph with RxJS: the power of reactive systems

Explore interesting RxJS code and Angular directives in this fun exercise of recreating an analogue Morse code telegraph using your favorite tools! - http://amp.gs/jZhqI

#angular

Creating A Custom Range Input That Looks Consistent Across All Browsers

Alyssa Holland takes a look at the quirkiness of the HTML range input and demonstrates how to style the input to look consistent across all major browsers. - http://amp.gs/jZh6j

#css

Vue 3 — Google ReCaptcha Implemented in Just 2 Minutes

How to implement Google reCaptcha to secure a Vue 3 application from bots and spam. - http://amp.gs/jZvEW

#vue

Exploiting JavaScript Quirks for Fun and Profit

If you're Doug Crockford (the author of JavaScript: The Good Parts), look away now! Plentiful use of with and eval in this clever approach to solving an Advent of Code puzzle. - http://amp.gs/jZvbB

#javascript

Building a Headless Ecommerce Shop with Magento and Vue

Thoughts and decisions around building an eCommerce store with Vue and Magento. - http://amp.gs/jZgKQ

#vue

How to Write Performant React Code

Although the author acknowledges the potential perils of ‘premature optimisation’, she says some such optimizations are a good thing when it comes to React and presses ahead with a series of examples. - http://amp.gs/jZESe

#react

Building UI Components With SVG and CSS

Ahmad Shadeed shows different use cases where you can use SVG along with HTML and CSS to build specific UI components. - http://amp.gs/jZV9O

#css

4 Angular Performance Pitfalls

Angular is a powerful framework with many useful tools to make web development a breeze. But many of these tools can work against you if you aren’t careful. Here are 4 ways that Angular applications can take a hit in performance, and how to fix them. - http://amp.gs/jZ9pL

#angular

Getting Started with Validation in Node

You’ve got a webapp and you want to validate the data it’s sent, but there are lots of options. Here Simon breaks down one approach using JSON schemas along with Ajv. - http://amp.gs/jZ4jB

#nodejs

The Baseline for Web Development in 2022?

Analysis of numerous stats around frontend technologies, browser share, client devices, and more to establish a feel for what the lowest common denominators are in terms of what we must continue to support. - http://amp.gs/jZ4FO

#web #baseline

Understanding React Lifecycles

The author deconstructs the three phases of React components’ lifecycle: mounting (insertion into DOM), update and unmounting (removal from DOM) and goes on to describe the methods appropriate for each. - http://amp.gs/jZReU

#react

Easy and Quick Form Generation Using JSON Schema in VueJS

Here is a step-by-step tutorial on form generation using JSON schema in VueJS. Implements vuetify-jsonschema-form to generate and customize the form. - http://amp.gs/jZRop

#vue

What’s New with the DevTools?

A decent break down of recent changes and additions to developer tooling in Chrome, Edge, Safari and Firefox. - http://amp.gs/jZUAw

#devtools

Fancy CSS Borders Using Masks

Temani Afif looks at some modern CSS masking techniques that will help you create fancy borders. - http://amp.gs/jZdyz

#css