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

Building Robust Layouts With Container Units

When inspecting most other grids in DevTools, you’ll notice that column widths are dependent on their parent element. This article will help you understand how to overcome these limitations using CSS variables & how you can start building with container units. - http://amp.gs/4Oou

#css

Ionic React Now Available in Beta

Ionic, a framework for building cross-platform hybrid mobile apps, is commonly associated with Angular but now it’s available in a React flavor too with around 70 components intended to cover the main use cases when building mobile apps. — http://amp.gs/4rXv

#react #ionic

The Firefox Experiments I Would Have Liked To Try

The author has been a member of the Firefox Test Pilot team for a number of years. Here he takes a comprehensive look back on several ideas he would have liked to have explored/implemented within Firefox. - http://amp.gs/4S2E

#firefox #experiments

An Early Look at Angular 8: Get Ready for Opt-In IVY Preview

With the Angular team announcing Angular 8.0 earlier this month, the team at Telerik wanted to give a quick overview of the features coming with the next big version of Angular as well as provide some basic understanding of IVY. - http://amp.gs/4Ndx

#angular

How I Finally Got My Head Around Scoped Slots in Vue

There are elements of the Vue framework that are more sophisticated than others, and take a bit more brainpower to understand. One of these areas is scoped slots. Here's a nice guide to understanding how they work. - http://amp.gs/4Ahu

#vue

A Bumper Collection of React Hooks

Literally links to over 500 different hooks used or offered by React projects. — http://amp.gs/4q7J

#react #hooks

Creating a Simple, Serverless WebSocket-Based Chat App using AWS API Gateway

I’ve been playing with API Gateway’s new WebSockets support myself and it’s really neat. This is a good intro to using it in a practical way. - https://www.youtube.com/watch?v=Quk_XHMvFJI

#nodejs #video #aws

8 Little Videos About the Firefox Shape Path Editor

Mikael Ainalem explores the possibilities of Firefox Shape Path Editor. - http://amp.gs/4sTD

#css

Scaling the A3C Algorithm to Multiple Machines with TensorFlow.JS

A3C (Asynchronous Advantage Actor-Critic) is a powerful deep reinforcement learning algorithm which is explained here. - http://amp.gs/4s6q

#nodejs #tensorflow

Storybook 5.0: The UI Component Workshop

Storybook is a popular tool for building UI components for React, Angular, and Vue.js apps, now with an all-new interface. Wondering why you should use Storybook? - http://amp.gs/4i5L

#storybook

A TSLint Rule for Detecting Invalid Uses of React Hooks

One for the TypeScript users. Enforces the rules of hooks. - http://amp.gs/4DZ2

#react #tslint #hooks

JavaScript Performance Pitfalls in V8

A very detailed article where Benedikt Meurer of the core V8 team shows how V8 compiles your code and shares some tricks you can use to avoid performance problems. - http://amp.gs/4D0l

#nodejs

Reactive Scroll Position Restoration with RxJS

This is a reactive Angular solution via RxJS for simple applications that suffer from a common navigation issue. Similar implementations could be done in other frameworks too. - http://amp.gs/4uqF

#angular

Look Ma, No Media Queries! Responsive Layouts Using CSS Grid

Juan Martín García demonstrates the power of CSS Grid by building a couple of common responsive navigation layouts. - http://amp.gs/4JSU

#css #grid

Building an Instagram 'Like' Bot with Node and Puppeteer

A good, practical walkthrough, though we should note that if you break your Instagram account doing this, you’re on your own. - https://www.youtube.com/watch?v=jw4exv4qv2E

#video #nodejs #puppeteer #like #instagram

Handtrack.js: Realtime Hand Detection, Directly in the Browser

A neat way to prototype hand-related gestures or interactions in the browser in very few lines of code. - http://amp.gs/40Ce

#javascript