A New Proposal for Decorators for JavaScript Classes

Currently at stage 2 in TC39’s process and due to be discussed in more depth this month, decorators provide a way to extend methods and other ‘syntax forms’ by wrapping them with other functionality. Note that this proposal differs from the decorators proposed to TC39 in 2018, that Babel 7 supports, and that inspired ‘experimental’ decorators in TypeScript. - http://amp.gs/L2pm

#javascript

Nuxt SSR Optimizing Tips

Learn about the difference between server-side and client-side rendered optimization, and how to optimize your Nuxt SSR applications for optimal performance. - http://amp.gs/LwZV

#nuxt

Build a TikTok Clone with React and Firebase

TikTok is in the news a lot these days. Not just because it’s the current burning center of the the social media universe but also because it has become something of a political football in some parts of the world. Rumors of its shutdown or sale abound. Might that create an opportunity for you build a TikTok clone and become the next social media fad? - http://amp.gs/LFIq

#react

Telegraf: A Modern Telegram Bot Framework for Node

I’ve not used this library yet, but Telegram is a pretty good messaging system to write bots or automated clients for as it has a solid API, and this project seems incredibly thorough. - http://amp.gs/LXIs

#nodejs

GitHub Actions & Angular 10/9: Install Node.js, Angular CLI and Deploy your App to GitHub Pages

In this example, we'll see how to use Github Actions to install Node.js and Angular CLI 10 and then build and deploy our Angular 10 application or any previous version to GitHub pages. - http://amp.gs/LLIQ

#angular

Linearly Scale font-size with CSS clamp() Based on the Viewport

Pedro Rodriguez explores how to linearly scale text between a set of minimum and maximum sizes as the viewport’s width increases, with the intent of making its behavior at different screen sizes more predictable using clamp(). - http://amp.gs/LLLi

#css

Testing an HTML Canvas with Cypress

An example of setting up basic visual regression testing with Cypress. - http://amp.gs/LWWp

#javascript #testing #cypress

Switching to Redux Hooks

Given that Hooks are still a fairly new concept, their use has not yet found its way into every tutorial. This articles take an example from Brad Traversy’s well-regarded MERN Stack Front To Back Udemy course and re-creates it using Redux Hooks - http://amp.gs/LaoY

#react

How to build a TWA Android app out of your Nuxt.js PWA

Did you know that you can package your progressive web app (PWA) in an Android app and publish it on the Google Play Store? Well, you can. This way, mobile users will be able to find it and download it, and everything will behave like in a native application. Personally, I wasn’t aware of this until I came across the TWA acronym, which means: trusted web activity. - http://amp.gs/Lo3I

#vue

How to CSS in Ionic React with Styled Components

Styled Components is a library that aims to ease some of the difficulty developers face when styling React components. - http://amp.gs/LMXv

#ionic

How to Use The Share Package to Share Files in Your Flutter Apps -http://amp.gs/L5X4

#flutter

Achieving Vertical Alignment (Thanks, Subgrid!)

Cathy Dutton demonstrates how to achieve vertical alignment using subgrid. - http://amp.gs/LQ7m

#css

Creating Extensions for Visual Studio Code: An Introduction

If you want to extend one of the most popular editors out there. - http://amp.gs/LQLo

#javascript #vscode

Watch with @vue/reactivity - Anthony Fu

A brief intro to how the Vue reactivity system works and a guide to implementing the (missing) `watch` on your own. - http://amp.gs/Lc9Q

#vue

Building React Apps with Storybook

We have featured a number of articles on Storybook over the past few issues but none of them illustrated its use through a full cycle of development in the quite the way this article does. - http://amp.gs/Lcoe

#react

3 Angular Dependency Injection Tips

Angular’s Dependency Injection System is a magic way to deliver the classes that house your business rules… - http://amp.gs/L6vG

#angular

How To Use Face Motion To Interact With Typography

Edoardo Cavazza explains how to combine Machine Learning, variable fonts, and CSS grids to create layouts that respond to the proximity, the inclination, and the number of the users’ faces. - http://amp.gs/Lbt8

#css

The State of Micro Frontends

One of the more controversial topics in frontend web dev is microfrontends. Are they worth it? Should you really split up your application? Do you really need to use this now? - http://amp.gs/WIjB

#microfrontends

11 Top Node ORMs, Query Builders and Database Libraries in 2020

Choosing an ORM or query builder for your app can be daunting, but this roundup from the folks at Prisma really goes into some depth on the most popular options including Mongoose, Knex.js, Sequelize and, yes, Prisma (so take the bias into account).- http://amp.gs/WI6I

#nodejs

A Gentle Introduction to Code Splitting with React

Code splitting is an advanced optimization technique used to divide code into 'bundles' that can be loaded on demand as functionality is actually required. - http://amp.gs/Wj6u

#react