React Dropzone and File Uploads in React

Dropzone underwent some changes in the recent version 8.x release, but this tutorial is up to date. — http://amp.gs/9Hwh

Reacting to Promises from Event Listeners in Vue.js

This article shows you how to build a button component that changes automatically on Promise resolution by leveraging event handlers. Written by Dobromir Hristov and inspired by a recent fix in Vue.js 2.6. — http://amp.gs/92wg

#vue

To Grid or to Flex?

Unpacks when and where you might want to use CSS grids or flexbox, and some reasons for choosing one or the other. — http://amp.gs/9w2z

#css

Manage State in Angular with NGXS

As front-end applications become increasingly complex, with the potential of multiple actors affecting the global state of the application in different ways, it becomes easy to lose control of what’s going on with your state. If you’ve never had to worry about managing global state in your JavaScript application, congratulations! You are one of the lucky ones. For the rest of us, there are a number of different libraries available.
— http://amp.gs/9Fr2

#angular #ngxs

Tips for Making Interactive Elements Accessible On Mobile Devices

Version 2.1 of the Web Content Accessibility Guidelines have a section dedicated to mobile accessibility. This article covers some of the new guidelines relating to interactive elements on a page. — http://amp.gs/9XR0

#mobile

Vue.js Performance Optimization: Lazy Loading Routes and Vendor Bundle Anti-Pattern

Splitting your code by routes is one of the best (and easiest) ways to keep the first downloaded bundle size low. This article is part 2 in a series on Vue.js optimization by Filip Rakowski.
— http://amp.gs/9LSg

#vue

Pika/Pack: A New Approach to npm Package Building

Pack connects pre-configured plugins (e.g. Babel and Rollup) to build and optimize your package for you. It’s a bit like a webpack or Parcel but specifically for building npm packages. — http://amp.gs/9WPd

#pika #pack #nodejs

The React Lifecycle Methods in Plain, Approachable Language

I don’t think anyone could disagree that this sort of post is a good idea. If you’ve had questions on how the React lifecycle methods work — look no further. — http://amp.gs/9aCF

#react

Paint the Picture, Not the Frame: How Browsers Provide Everything Users Need

Instead of tweaking or trying to control browser functionality, this article makes the case for leaving key features to the browser to ensure the most accessible experience. — http://amp.gs/9ok2

#accessibility

Bluetooth Anywhere: Experimenting with Bluetooth from JS

Some fun experimenting with interacting with a Bluetooth device (a Nordic Thingy:52) in JS on various setups (desktop browser, Cordova app, and a React Native app). — http://amp.gs/9M83

#javascript #bluetooth

Dynamic Forms in Angular —The pattern beyond the buzz

In this post, Liron aims to explain the thought behind the term “dynamic” forms in Angular. This post won’t tell you how to use reactive forms and won’t show you ways to implement forms dynamically.
— http://amp.gs/958a

#angular #forms

Back-Off and Retry using Arrays and Promises

If you’re calling third-party services you might need to adhere to rate limits and back off and retry again later if you hit them. — http://amp.gs/9Q1n

#nodejs

I Created The Same App with Vuex and Redux. Here Are The Differences

Comparing two similar tools can bring a better understanding of the features of both. In this article, the author creates a todo app with both Vuex and Redux.
— http://amp.gs/9QL5

#vuex #redux

How to Animate a Blob of Text with SVG and Text Clipping

This is a really neat effect and well suited to a homepage. — http://amp.gs/9cwf

#css #svg

Applying Styles Based on the User Scroll Position with Smart CSS

Rik Schennink explains how to style elements on the page based on the current scroll position.
— http://amp.gs/96Da

#css

The Need for Speed: Lazy Load Non-Routable Modules in Angular

As you probably know, Angular comes with a functionality that allows you to lazy load routable modules out of the box. Although in most cases this functionality is sufficient, it’s still only a small piece of the pie. What about situations where we want to lazy load modules that aren’t routable?
— http://amp.gs/9bmn

#angular

'Trusted Types' To Help Prevent Cross-Site Scripting?

A look at an experimental, Chrome-only API that aims to prevent DOM-based cross-site scripting by only letting special typed objects to make certain types of changes to the page. — http://amp.gs/9bsH

#web #css

Constructable Stylesheets: Seamless Reusable Styles

Constructable Stylesheets are a new way to create and distribute reusable styles when using Shadow DOM and will be shipping in Chrome 73. — http://amp.gs/4Ixw

#css

26 Time Saving Tips for Vue

Michael Thiessen has summarized 26 Vue.js articles to help you avoid some common time-wasters and save you time when creating your Vue projects.
— http://amp.gs/4Isd

#vue #tips

Instrumenting HTTP Requests in Node — http://amp.gs/4j8R

#nodejs

Navi: A React Router with Hooks and Suspense

A new kind of router for React that that lets you declaratively map URLs to content, even if that content is asynchronous.
— http://amp.gs/4jXn

#react