Plans for the Next Iteration of Vue.js

The creator of Vue.js, a popular alternative to things like React and Angular, gives a ‘brief sneak peek’ at what’s coming in the next major version of Vue, Vue 3.0. - http://bit.ly/2PBrURv

#vue

A Guide to Color Accessibility in Product Design

Justin Reyna explains how to make colors accessible using the design principles you already know. - http://bit.ly/2IV0CTH

#productDesign #color

A Beginner’s Guide to JavaScript Prototypes

It’s aimed at beginners but this guide is really extensive and packed with examples, so it’s worth a skim unless you’re Kyle Simpson or something - http://bit.ly/2CMkvMj

#javascript

Use the New Profiler in React Developer Tools to Generate Flame Charts and Interactions - http://bit.ly/2ObwklF

#react #profiler

What New Features Are Coming to Vue.js 3?

Last week, Evan You released a write up of proposed features for Vue.js 3. In simple terms, what are the new features that you, as a developer, will be able to use? - http://bit.ly/2CfjH1B

#vue

Awesome Node: 560 Curated Node Packages, Resources and Links

A definitive list of categorized Node resources that continues to be updated (as well as out of date things being removed). - http://bit.ly/2RQBWQ6

#nodejs

Barcode Detection in a Web Worker using Comlink

Comlink is a library that makes WebWorkers more transparent to work with. - http://bit.ly/2pTPFcb

#javascript

Creating Horizontal Scrolling Containers the Right Way [CSS Grid]

Dannie Vinther explores how the flexibility of CSS Grid can help you implement a horizontal scrolling component. - http://bit.ly/2P06dxq

#css

How to Structure Your Project and Manage Static Resources in React Native - http://bit.ly/2P6OzbC

#reactNative

Using Uikit With Vue CLI 3

Uikit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. Here’s a guide for adding it to a Vue CLI 3 project. - http://bit.ly/2pTJG7w

#vue

An Express, Sequelize, and Postgres Association Tutorial

If you want to work with Postgres from Express, this could be a handy primer. - http://bit.ly/2EiBJCP

#nodejs #postgresql

Why It’s Important to Unsubscribe from RxJS Subscription

In this article, we’ll learn why it’s important to clean our subscriptions. Let’s set up a realistic Angular example. - http://bit.ly/2ysugvx

#angular #rxjs

How I Remember CSS Grid Properties

A method to remember the most common CSS Grid properties. “This will help you use CSS Grid without googling like a maniac.” - http://bit.ly/2yR2CYr

#css

How We Boosted The Performance of Our React Native App

Work done to improve the UI responsiveness of a React Native app. - http://bit.ly/2QSbe8E

#reactNative

The Ultimate Guide to Proper Use of Animation in UX - http://bit.ly/2R1pBr4

#ui #ux #animation

Ionic 4 Beta: What’s New and Building a Sample App

Learn what is coming next on Ionic 4 and start using it right now. - http://bit.ly/2PiG2lL

#ionic

Using Winston, A Versatile Logging Library for Node

From colorizing and timestamping console output to even rotating log files. - http://bit.ly/2q0HLhn

#nodejs

Using React/JSX as a Server-Side Templating Language

Using React function components to render your website’s skeleton index.html - http://bit.ly/2PPnmaw

#react

Angular Flex-Layout: Flexbox and Grid Layout for Angular Component

CSS Flexbox and CSS Grid are very powerful layout functions. These are already supported by all modern browsers except for IE 11. Unlike properties for styling (for example color and border), these are properties for building a layout structure. In other words, it is not used to beautify the surface of HTML elements but is used to create a foundation of application UI in cooperation with the hierarchical structure of HTML elements. - http://bit.ly/2yPN1Z7

#angular

Understanding the Difference Between grid-template and grid-auto

It pays to understand the difference between implicit and explicit grids. grid-template properties adjust placement on an explicit grid, whereas grid-auto properties define an implicit grid’s properties. - http://bit.ly/2CVVBu4

#css #grid

Calls Between JavaScript and WebAssembly Are Finally Fast

JavaScript is fast. WebAssembly is fast. But the interoperability between the two is where things can lag a little. In the latest Firefox, this has changed, and here’s an amazingly accessible writeup of the how and why. You will learn something here. - https://mzl.la/2PPvyr8

#javascript