Contemporary Frontend Architectures

A frontend engineer’s perspective on modern web application architecture. - http://amp.gs/AHBh

#frontend #architecture

The 80/20 Guide to Maps in JavaScript

A Map is an object that stores key/value pairs. Maps are similar to general JavaScript objects, but there are a few key differences that make maps useful.. - http://amp.gs/A2IK

#javascript

Infinite Scroll in Angular Using the CDK

When dealing with a large amount of content, you may find it useful to add an infinite scroll feature to your site. When saying infinite scrolling, this refers to a page appending new content as the user continues to scroll, giving the page the illusion of scrolling indefinitely. Loads of websites use this feature, and it can be a fluid alternative to something like pagination.
- http://amp.gs/A2QS

#angular

CSS Grid: Illustrated Introduction

A detailed, visual look at how to get to grips with Grid. - http://amp.gs/AwMq

#css

State Colocation Will Make Your React App Faster

This is all about the idea of keeping state as local to your components as possible for both performance and maintenance reasons. - http://amp.gs/AFJY

#react

A Four Part Guide to Iterators and Generators

A lot to digest in this series about both synchronous and asynchronous iterators and generators, with each getting a full article. - http://amp.gs/AX3Z

#nodejs

State Management in React Native

What state actually is, the setState() method, the Context API and React Hooks. - http://amp.gs/ALuc

#reactnative

Using Scoped Slots in Vue.js

Scoped slots is an advanced feature of Vue.js that provides component reusability. Scoped slots are like normal slots, but they can receive properties as well. Here's a quick example of how to use them. - http://amp.gs/AWRV

#vue

MEAN Stack (Angular 8) Tutorial: Build a Simple Blog CMS

A comprehensive step by step MEAN Stack (Angular 8) tutorial on build a simple Blog CMS - http://amp.gs/AaRQ

#angular

The Six Most Common Types of Logic in Large Applications

All about architecture (Uncle Bob’s Clean Architecture principles, in particular) and deciding upon where to place different types of code in a larger application. - http://amp.gs/AoE8

#architecture

How to Deploy a React App to Production on AWS with Express, Postgres, PM2 and NGINX

There’s a lot to digest in this walk through of setting up an AWS deployment setup from scratch for a React-based webapp. - http://amp.gs/Aoa3

#react #fullstack #aws #deploy

Understanding Stateless Components in Vue

If you are not using an external package for state management, it's a good idea to have as few state-based components as possible by using stateless, presentational components with stateful components around them.
- http://amp.gs/AM58

#vue

Build a WhatsApp Bot in 10 Minutes using Node.js and Twilio - http://amp.gs/A57f

#nodejs #bot

Sustainable Angular Architectures with Tactical DDD and MonoRepos?

Business and industrial applications are usually long-lived. These applications include customer-facing applications layered with complex backend services and systems. Many of these applications are now implemented with web frontends using JavaScript. - http://amp.gs/A5w7

#angular

Smoother & Sharper Shadows With Layered Box-Shadows

Tobias Bjerrome Ahlin shows how to get fine-tuned control over how shadows are rendered, and create richer and more realistic 3D effects. - http://amp.gs/AQUs

#css

Working with GitHub Actions

GitHub Actions are still in beta and are changing quickly. But if you are looking to get started the possibilities are endless. - http://amp.gs/AcCO

#nodejs

15 Must-Have Vue Directives That Will Maximize Your Productivity

Vue directives can add handy features and solve countless issues in your apps. Here's a list of 15 essential directives that are ready for you to use. - http://amp.gs/A6e6

#vue

Create Simple Chips In Angular Without Material Design

We can create chips in Angular using Material design very easily. There are lots of sample codes available in this context.
- http://amp.gs/AbkP

#angular

Deploying a Node App with PM2, NGINX, and Let's Encrypt SSL

A good walkthrough. Uses Digital Ocean for the VPS but you could use other providers (EC2, Linode, etc.) - https://www.youtube.com/watch?v=oykl1Ih9pMg

#nodejs #video