WebSockets Tutorial: How to Go Real-Time with Node and React

“I’m going to code a basic real-time document editor where users can join together and edit a document.” It’s a naive implementation but shows off the WebSockets part well. - http://amp.gs/d7aV

#nodejs #websocket

A Design Language for Touch, Gesture, and Motion

Whenever you need to develop, depict, or demonstrate motion, gestures, scrolling, or other interactions, you need to prototype.
- http://amp.gs/dPXG

#mobile

React Native vs Native App Development

Ronak offers tips to help you choose the best mobile app development platform for your project needs. - http://amp.gs/dyF4

#mobile #reactNative #vs #native

An Introduction to Test-Driven Development with Vue.js

Test-driven development (TDD) is the process of writing tests before you write the associated code, and can be an effective approach for creating robust Vue.js apps. - http://amp.gs/dhsS

#vue #tdd

3 Approaches for Using the Google Sheets API in Node: A Tutorial

Outlining different ways to connect and authorize with the Google Sheets API and then pulling out data stored within Sheets. - http://amp.gs/dvDJ

#nodejs

Scroll Animations (With Pizza!)

Donovan Hutchinson discusses creating scroll-triggered animations using requestAnimationFrame and will-change.
- http://amp.gs/dgNP

#css

How to Handle Authentication in Modern React Applications

This doesn’t go into depth on the particulars of authentication but more how to handle rendering an app based upon authentication state. - http://amp.gs/dEgF

#react

HTML5-Aided Vue.js Form Validation

Did you know native HTML5 validation can be used to validate Vue.js forms? This article shows you how and discusses whether or not you need a separate validation library. - http://amp.gs/dVyH

#vue #form

HTML's inputmode Attribute Now Supported in Most Mobile Browsers

This is helpful when you want to show users alternative, optimized keyboards, such as for solely entering numbers, URLs, or email addresses. - http://amp.gs/d9BD

#mobile #html

84 cognitive biases you should exploit to design better products

Cognitive biases are systematic errors in our thinking process that affect our decisions making. - http://amp.gs/d9ua

#design

Microsoft Edge Preview Builds for macOS Now Available

First unveiled several weeks ago, the new Microsoft Edge preview is based on top of the Chromium rendering engine but was Windows only. Now, a macOS build of the ‘Canary’ version is available. - http://amp.gs/d4li

#edge

Flexible Data Tables with CSS Grid

<table>, originally used for both layouts and tables, became used for tables only (and HTML email!) as CSS became more capable. Well, now, how about skipping <table> even for tabular data? Here’s how to use CSS Grid to make nice tables for tabular data. - http://amp.gs/d4Lh

#css

The Approachable Guide to useReducer

“Hopefully reading this article shows how approachable and flexible useReducer is” - http://amp.gs/dRxz

#react #router #hooks

Vue.js and SEO: How to Optimize Reactive Sites for Search Engines

Are sites created with front-end rendered frameworks indexed by Google? Or do you need to set up pre-rendering? Paolo performed an experiment to see the reality. - http://amp.gs/dR0y

#vue

When Not to Use Lock Files with Node

Package managers like npm and Yarn use ‘lock’ files that track the exact, current versions of a project’s dependencies. Learn more about how they work and when not to use them here. - http://amp.gs/dU99

#nodejs

An introduction to test-driven development with Vue.js

Test-driven development (TDD) is a process where you write tests before you write the associated code. - http://amp.gs/ddBq

#vue

DIY Keyboard Shortcuts in Your Angular Application

So your new product manager’s request is to add keyboard shortcuts for common actions in the application, giving the users a fast and slick experience.
As a good developer, you don’t want to reinvent the wheel. The initial instinct tells you to google for something like “angular hotkeys” and find an existing library that will do the work for you.
- http://amp.gs/dOZ2

#angular

Functional JavaScript: How to Use reduce for More Than Just Numbers

Eric Elliott calls it “one of the most versatile functions that was ever discovered” but a lot of developers struggle with reduce beyond basic use cases. If that includes you, this tutorial goes into more depth. - http://amp.gs/dr16

#javascript

Brace yourself. Angular 8 is coming.

In this blog, let’s see what we should expect from the Angular 8 release. This post will cover some hot topics covered at ngConf and Google I/O 2019. So if you missed both events, do read on to have an idea what features your favorite framework is going to offer you - http://amp.gs/dr7Z

#angular8

The 80/20 Guide to Promises in Node.js

Promises replaced callbacks as the de facto ‘go to’ way to manage events some years ago and they form the basis of async/await so it pays to be very familiar with them. If you want more depth, Google has a promises introduction they keep up to date too. - http://amp.gs/dro1

#nodejs

CSS Rules That Will Make Your Life Easier

Nick Gard shares some advice on writing maintainable CSS.
- http://amp.gs/dSLI

#css