What's New in npm 8?

Two months ago we mentioned the launch of npm 8 with the subtitle of ‘but it’s not a huge deal.’ That’s why there weren’t (m)any blog posts about it, but Gabby’s made an attempt to explain what little there was. - http://amp.gs/jtX5D

#nodejs

React Server Components and Remix

The launch of Remix, which was covered in 266, has been generating a lot of engagement with the React community. Some key discussions are beginning to emerge, such as its positioning with respect to the still-experimental React Server Components. One of the co-founders of Remix weighs in. - http://amp.gs/jtLE8

#react

How to Send Emails from your Vue.js Application with EmailJS

Learn to build a simple Vue project that can send emails through a contact form using Email.js - http://amp.gs/jtL6I

#vue

The CSS :has() Selector Is Way More Than a “Parent Selector”

Bramus Van Damme gives an introduction to :has() selector, already available in Safari Technology Preview 137. - http://amp.gs/jtW9v

#css

Expert level Angular Interview Question Part 1 - http://amp.gs/jtWcc

#angular

How To Use Postgres with Node on Ubuntu 20.04

DigitalOcean does a good job of funding the creation of straightforward walkthrough tutorials on various topics, and if you want to write Node code that talks to a Postgres database via the node-postgres package, this is a similar such effort covering every step. - http://amp.gs/jta4X

#nodejs

Search Params with React Router 6

Maintaining state in the URL has at least one significant benefit: it’s easy to share. Simply send the URL with its parameters and the recipient is now seeing what you’re seeing (hopefully!). This is how to handle it with the newest version of React Router. - http://amp.gs/jtaaW

#react

Advanced Typescript

Get familiar with some of Typescript's greatest advanced features. - http://amp.gs/jtoyo

#typescript

Smoothly Reverting CSS Animations

Nikola Đuza demonstrates how to revert a hover transition smoothly. - http://amp.gs/jtoLR

#css

From My Point of Vue: Headless Components

Learn about how headless components handle logic and behavior separate from UI. This gives the responsibility of how the component looks to the consumer. - http://amp.gs/jtMlT

#vue

How to Use Attribute Directives to Avoid Repetition in Angular Templates

Attribute directives in Angular provide a way to adapt UI elements to your components and services and… - http://amp.gs/jtMSX

#angular

Learn React Animations by Creating a Stripe-Inspired Menu - http://amp.gs/jt5Ic

#react

How To Write Shell Scripts in Node with Google's zx

zx is a utility that makes it easier to write command line scripts based around Node. This tutorial covers the basics before going on to build a command-line tool that helps bootstrap configuration for new Node projects. - http://amp.gs/jt5eh

#nodejs

Tailwind: The Base, the Components and the Utilities

From the director of “A fistfull of classes” - http://amp.gs/jt5iy

#tailwind

How I got multiple FAANG offers in Europe

Yet another story of how an ordinary guy from the middle of nowhere in Russia managed to get multiple FAANG… - http://amp.gs/jtQjH

#faang

Compat 2021 Holiday Update: Presents for Developers Before the End of the Year

Philip Jägenstedt and Mariko Kosaka give an update on Compat 2021—an effort to eliminate browser compatibility problems in five key focus areas: CSS Flexbox, CSS Grid, position: sticky, aspect-ratio, and CSS transforms. - http://amp.gs/jtQkn

#css

Vuex With Class Components

Learn how to accomplish state management using Vuex with TypeScript and class components. - http://amp.gs/jtQAM

#vue

Guidelines for Choosing a Node.js Framework

Hapi? Koa? Express? Slow down. Unlike a lot of articles, this one from late September doesn’t give you any specific framework suggestions, but instead arms you with what you should be looking at when weighing up your options. - http://amp.gs/jtctb

#nodejs

The Tao of React: Design, Architecture & Best Practices

The topic of 'best practices' is a perennially popular one in the React world with so many ways to approach each problem. So it's no surprise this post covering a variety of principles and attitudes for productively building resilient React apps for the long term went down so well. - http://amp.gs/jtcFY

#react

9 Best Practices for Optimizing Frontend Performance - http://amp.gs/jt6N7

#performance

Building a Vue 3 Component Library

Component libraries are a great way to collect common UI solutions into a package that you can reuse across your own projects or share with the Vue open-source community. In this guide, you’ll learn the key steps to creating a Vue 3 component library. - http://amp.gs/jtbPU

#vue