Intro to Font Metrics

Weston Thayer explains how the raw anatomical features of type can enable us to create designs that are precise, resilient, readable, and maybe even original. — http://amp.gs/4e0V

#css #font #metrixs

Progressive React: Building Faster React Apps

A guide (which starts off with a handy checklist) on building faster React apps by way of a handful of useful optimizations. — http://amp.gs/4797

#react

NUXT + APOLLO + GRAPHQL + DJANGO

Importance of reducing requests using GRAPHQL technologies.
- http://amp.gs/4P9r

#nuxt #apollo #graphql #django

Handle restricted routes in Angular with Route Guards

There is almost no application out there without authentication and restricted areas, right? With this article Vassiliki will explain how to handle restricted routes in Angular with Guards and Http requests, the real life way.
— http://amp.gs/4yEC

#angular

New Vue.js RFC: Class API

Vue 3 will introduce built-in support for authoring components as native ES2015 classes. An RFC regarding the API has been launched for community consideration. — http://amp.gs/4hmg

#vue

Breaking Boxes With CSS Fragmentation

If you’ve ever wanted to break your content up into chunks (think separating content on different pages using for print stylesheets) then this is your must read article for the week. — http://amp.gs/4vzz

#css

Using Custom React Hooks to Simplify Forms

A neat (and practical!) use case for hooks — building forms in an efficient, reusable manner. — http://amp.gs/4gII

#react #forms #hooks

How to Transfer Files and Data Between Angular Clients and Node.js Backends — http://amp.gs/4guI

#nodejs #angular

Vue.js with Constructor Pattern

The constructor design pattern allows you to create multiple object instances which share some common functionalities and are created by the same interface. See how InventiStudio uses this pattern in their Vue apps for better code consistency.
— http://amp.gs/4EAY

#vue

WebAuthn Approved As Web Standard for Password-Free Logins

The W3C announced earlier this week that the Web Authentication API (WebAuthn) is now an official standard for password-free logins on the web. - http://amp.gs/4VOA

#webauthn

How Google Search Indexes JavaScript Sites

Martin Splitt explains how JavaScript influences SEO and how to optimize your JavaScript-powered website to be search-friendly. - https://www.youtube.com/watch?v=LXF8bM4g-J4

#google #search #indexes #javascript #sites #video

Vue.js App Performance Optimization

Part 3 - Lazy loading Vuex modules. — http://amp.gs/49kB

#vue

Using A Wild Card Route (**) To Traverse Arbitrarily Nested Data In Angular 7.2.4

One of the things that Ben truly loves about the Angular Router is that it enables us, as application developers, to move more and more application state into the URL. This allows us to make more of the application interface directly addressable via the URL; which, ultimately, makes each Angular application more usable and shareable across the team.
— http://amp.gs/44f0

#angular

A Cheatsheet for React Users Who Use TypeScript

Rounds up a variety of links, tips, and sticking points that you might encounter when working with React from TypeScript for the first time. Not new but has had a lot of updates recently. — http://amp.gs/4Rpu

#react #typescript

Loading Dynamic Components with Ionic & Angular ComponentFactoryResolver

Recently one member of the Ionic Academy asked for help regarding a tough situation: How to display dynamic components based on a JSON object structure you might get from an API?
— http://amp.gs/4RNn

#angular #ionic

Cache-Control for Civilians

An accessible look at what the HTTP Cache-Control header can do when it comes to controlling how your assets are cached. Covering strategies, asset management and more. - http://amp.gs/4UTx

#http #cachecontrol

Mastering testing with Vue.js by testing a real application and setting up CI/CD

A lot of developers don’t like writing test, but I do love it, tests make your code more resilient and error-prone… — http://amp.gs/4U08

#vue #ci #cd #testing

Web Page Footers 101: Design Patterns and When to Use Each

“A footer is the place users go when users they’re lost.” — Some good tips and advice here on what to consider when building out your site footer. - http://amp.gs/4dzC

#design

How to Implement Runtime Environment Variables with create-react-app, Docker, and Nginx — http://amp.gs/4dRf

#react #docker #nginx

Tracing or Debugging Vue.js Reactivity: The Computed Tree

Vue 3 will provide the ability to trace when and why a component re-render is tracked or triggered. This article talks about what we can do now in Vue 2.x to trace reactivity and tune stray code that might impact performance. - http://amp.gs/4OlP

#vue