Editorial Design Patterns With CSS Grid And Named Columns

Rachel Andrew shows how, by naming lines when setting up our CSS Grid layouts, we can tap into some interesting and useful features of Grid. - http://amp.gs/qMCy

#css

SWR: React Hooks for Remote Data Fetching

Based upon the stale-while-revalidate caching strategy, “SWR first returns the data from cache (stale), then sends the fetch request (revalidate), and finally comes with the up-to-date data again.” The result? Things will feel a lot faster UI-wise and the latest data will get used once it arrives. - http://amp.gs/q5m0

#react

An Introduction to Regular Expressions for Web Developers - http://amp.gs/qQpA

#javascript #regexp

Getting Beyond "Works Offline"

Breaking down offline capability for modern web apps. - http://amp.gs/qcC9

#mobile

Mastering Angular 8: Five Things That are Good to Know to Save Your Time

Angular has some edge cases that can sometimes waste your time if you're not familiar with the details. - http://amp.gs/q6zO

#angular

Creating a Full-Text Search System with Node and Elasticsearch

A walkthrough of creating an API that can do full text search. Also covers running Elasticsearch under Docker to keep things simple. - http://amp.gs/qbZf

#nodejs #elasticsearch

You’re Not Using <React.StrictMode>?

The majority of React developers don’t seem to be using StrictMode, but should you be considering it? In short, yes, particularly if you plan on using concurrent React (above). - http://amp.gs/sIng

#react

Space, Grids, and Layouts

Elliot Dahl explains how spatial systems, grids, and layouts provide rules that give your designs a consistent rhythm, constrain decision making, and help teams stay aligned.
- http://amp.gs/sIuJ

#css

How to Build a Progressive Web App (PWA) with only Vanilla JS

Bring a native-like experience to your webapps with this grab bag of techniques including styling, fonts, Service Workers, and creating a manifest file. - http://amp.gs/sjxP

#pwa

How to Migrate Node-Based AWS Lambda Functions to OpenFaaS

If you want to run your AWS Lambda functions on your own infrastructure, for example.. (OpenFaaS is a system for running a serverless functions system on top of Kubernetes.) - http://amp.gs/s8TU

#nodejs #aws #lambda

Unexpected Accessibility Tips

Chris Cid shares some practical tips for testing accessibility and inclusive design. - http://amp.gs/sTjO

#accessibility

How to get started with Cypress

If you’ve been developing frontend applications recently, you’ve undoubtedly heard of Cypressio. Cypress is a powerful testing framework that makes writing tests easy and really fun. - http://amp.gs/sTwB

#cypress

The Complete React Conf 2019 Live Streams

You’ll want to wait a little longer for specific talk videos, but if you’re happy to dive through hours of livestreams, day one and day two are available. If you’re itching to watch some specific talks, jump straight to Brian Vaughn’s talk on React Developer Tooling or Becca Bailey’s talk on the state of React state. - https://www.youtube.com/watch?v=RCiccdQObpo

#react #conf2019 #video

Vue 3: Start Using it Today – Gregg Pollack

If you’ve not been living under the rock, you must have heard of the next major version of Vue. Sure, Evan and the core team have been putting lots of effort into the vue-next repository which is planned to be released the soonest, but what if you just can’t wait to try out (some of) the new features? In this article, Gregg from VueMastery will guide you through just that – how to start using Vue 3 today and be fully prepared for what tomorrow has in store! - http://amp.gs/szAm

#vue

Mongoose Design Pattern: Store What You Query For

One for you Mongoose/MongoDB users. - http://amp.gs/s1sO

#nodejs

Box Alignment and Overflow

Runs through a data-loss issue you may face when using box alignment properties in certain scenarios, and highlights how the 'safe' overflow alignment keyword can help prevent such a loss. - http://amp.gs/sYFA

#css

A Whirlwind Tour of React State

Developing React apps (or even apps in general) is generally a matter of managing state. Robin looks at how React handles it and provides mechanisms for you to manage state in various ways. - http://amp.gs/stJc

#react

Angular: Build More Dynamic Components with ngTemplateOutlet

To build reusable and developer-friendly components, we need to make them more dynamic (read more adaptable). Great news, Angular comes with some great tools for that. For instance, we could inject content to our components using <ng-content>: - http://amp.gs/sZFm

#angular

A Hands On Guide to Developing and Deploying Node Apps on Kubernetes

A reasonably tool/service agnostic tutorial covering building a basic note taking app and deploying it to a Kubernetes cluster. - http://amp.gs/spi5

#nodejs

Scrolling Shadows with Vue.js - Markus Oberlehner

If you’re not familiar with the term, scrolling shadow is the technique to add shadows to an element to make it clear that the element is scrollable – something that might not be that obvious on e.g. a mobile device. This article from Markus shows how to write a Vue component to achieve just that. - http://amp.gs/slHo

#vue