swagger-routes-express: Connect Express Route Controllers to RESTful Paths using a Swagger Definition File

For Swagger or OpenAPI users. Here’s a tutorial on how to use it. - http://amp.gs/Spzy

#nodejs

Tabulator: An Interactive Table and Data Grid Library

It’s not React-specific but works alongside it. Here are the basic instructions along with code examples. - http://amp.gs/SpPA

#javascript #component

Vue.js Advanced Reactivity API and Caching Method-style Getters

Why and how to cache method-style getter invocations, though the principles would also apply to method-style computed properties. - http://amp.gs/Sp5c

#vue

Avoid Placeholder Text by Animating Form Labels

Christopher Schmitt shows how to provide an effect similar to placeholder text — without limiting or locking out people with disabilities. - http://amp.gs/SB8u

#css

Debug the DOM in VS Code using Elements for Microsoft Edge

A look at a new Visual Studio Code extension, Elements for Microsoft Edge, that lets you inspect and debug the DOM directly from within VS Code and see the impact of changes to the page in real time. - http://amp.gs/SBce

#vscode

Google Explains the JavaScript SEO Basics

Did you know that when Googlebot is crawling the Web, it runs a version of Chromium behind the scenes and actually runs your JavaScript? This means there are some things to be aware of. - http://amp.gs/SnV5

#seo #google #javascript

Lightship: Abstracts Liveness Checks and Graceful Shutdown of Node Services Running in Kubernetes - http://amp.gs/Sn6D

#nodejs

Position Sticky and Table Headers

It’s a little known (CSS) trick(s) but you can use position sticky against the <th> element in a table which can be incredibly helpful. - http://amp.gs/SGuf

#css

Creating Smooth Animations with React and Framer Motion

Last week we featured Framer Motion, an open source successor to Pose for building high quality animations in React apps. Here are basic examples on how to use it. - http://amp.gs/Sxmo

#react

Tetris Turns 35, so Let's Build a Tetris Clone

A guide to what’s involved in putting together your own Tetris clone with a nifty visual twist. - http://amp.gs/Sxsj

#javascript #game #tetris

Angular Architecture Patterns and Best Practices (That Help to Scale) - http://amp.gs/Sfv4

#angular

Everything You Need To Know About CSS Margins

At first glance, margins place space around DOM elements, pushing other elements away, but things can get complicated fast when you think about how margins can collapse together or introduce Flexbox or CSS Grid. - http://amp.gs/SCxq

#css

Getting Started with React Native in 2019: Building Your First App

A guide for React Native beginners. - http://amp.gs/SkG2

#reactNative

Async Await Error Handling in JavaScript

Attempts to clear up some confusion caused when handling errors in async/await scenarios. - http://amp.gs/SeCQ

#javascript #async #await

A Tour of the Node.js Event Loop

A deeper understanding of JavaScript’s often misunderstood event loop approach will benefit any Node developer. This is an accessible, high level overview from which you can progress to more detailed talks like In The Loop and What The Heck Is The Event Loop Anyway? - http://amp.gs/S7pp

#nodejs

Do React Hooks Replace Redux?

This question has bounced around in the community a lot recently as more use cases for hooks emerge.. but Eric’s TLDR is ‘Hooks are Great, but No.’ and he explains why in depth. - http://amp.gs/SPla

#react

Next Generation Async Functions with Vue Async Function

Handling async functions in Vue components usually involves multiple lifecycle hooks and quite a few lines of code. This article will show you how to make terser async calls using the new Vue function API - http://amp.gs/Sy7W

#vue

A Web Tool to Create 'Striped Text' and Get Styled Components Code

One of several visual design tools on Componentsai. This one lets you dynamically create a stripy text effect and provides CSS and Styled Components code to use in your apps. - http://amp.gs/SyAu

#tools #stroped #text

A Look At What's New In DevTools for Chrome 77

Copy element styles, visualize layout shifting, and more. - http://amp.gs/ShnS

#chrome #devtools

First steps with Angular 8 with angular-cli and Angular Material

Angular has come a long way since version 2, and now with more libraries and tools to help with the development is even easier to start developing applications with it. In this guide, we will go step by step on how to build an angular application using the Angular-cli (command-line tool), and Angular Material.
- http://amp.gs/Sv7Z

#angular