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

Angular Roadmap: The Past, Present, and Future - http://amp.gs/jZOBj

#angular

Automatic Batching in React 18

With React 18 in beta, it’s timely to examine features which distinguish it from previous releases: Automatic Batching portends fewer needless renders. - http://amp.gs/jZrtN

#react

You Shouldn’t be Using Mixins in Vue.js Anymore

Mixins were the go-to way of sharing reusable logic between components in Vue 2. But now with the availability of the Composition API, we can achieve code reusability in a much cleaner way. - http://amp.gs/jZrHT

#vue

Seven Ways to Improve Node Performance at Scale

Some basic advice including using timeouts and caching, profiling and monitoring your code, and how clustering and load balancing can help. - http://amp.gs/jZSNF

#nodejs