Combining Vue, TypeScript and RxJS with Vue-Rx

RxJS provides a powerful pattern for writing asynchronous JavaScript code. RxJS is compatible with Vue, and when combined TypeScript, allows for highly robust web applications. - http://bit.ly/2PiOJgN

#vue #rxjs

Splicing HTML’s DNA With CSS Attribute Selectors

Even confident CSS developers often seem to steer away from attribute selectors. This excellent primer introduces how they work, plus some interesting use cases. - http://bit.ly/2qIK6hu

#css

The Pitfalls of running A/B Tests

Some will lead you into making bad choices - http://bit.ly/2AWouUr

#ui

28 Talk Videos from React Conf 2018

React Conf took place in Las Vegas last week and a lot of videos are already up. - http://bit.ly/2DxzL0e

#react #conf #video #2018

An Annotated webpack 4 Config for Frontend Development

As web development becomes more complex, we need tooling to help us build modern websites. Here’s a very thorough example of a real-world production webpack 4 config. - http://bit.ly/2FfHu4r

#webpack

Learn How to Refactor Vue.js Single File Components On A Real-World Example

This post shows how to refactor a Vue component from start to end to make the component more usable and make every developer who works with it happy. - http://bit.ly/2z61Dod

#vue

NGINX Unit Now Supports TLS and Node.js Apps

NGINX Unit is a dynamic application server that supports multiple languages out of the box (e.g. Python, PHP, Go). Node.js has now joined that list. - http://bit.ly/2qH8oZ7

#nodejs

Web Performance 101

An easily accessible, diagram and code heavy primer to making a site or webapp faster by optimizing assets like JS, CSS, images and fonts. - http://bit.ly/2DA2BNk

#web #performance

The CSS Working Group At TPAC: What’s New In CSS?

Rachel Andrew explains a little bit about what happens at the CSS Working Group meeting at W3C TPAC, and shows some examples and demos of the things they discussed for CSS in particular. - http://bit.ly/2RPSRBP

#css

Making Sense of React Hooks

If the new ‘hooks’ feature (above) intrigues you, this article digs further into it, the motivations behind them, and answers some questions around their usage and implementation. - http://bit.ly/2AXDZeT

#react

Learn to Build a Simple Progressive Web App with Angular and Lighthouse

A step-by-step guide to building a Hacker News clone PWA using Angular and Lighthouse. - http://bit.ly/2qRgDC3

#angular #pwa

CSS Previous Sibling Selectors and How to Fake Them

CSS previous sibling selectors don’t exist, but they can be ‘faked’. - http://bit.ly/2DhMEu8

#css

Real Talk JavaScript: A New(ish) JavaScript Podcast

Now at five episodes old, we thought it was time to mention this neat podcast hosted by John Papa, Ward Bell, and Dan Wahlin. Episodes so far cover topics like thriving in OSS, scaling React, and D3. - http://bit.ly/2PxF1HF

#podcast

The Evolution of Async JavaScript

A practical break down of the pros and cons of three common JavaScript mechanisms: callbacks, promises, and async/await, along with their significance and progression from a historical context. - http://bit.ly/2PycgKW

#javascript #async

Nuxt.js (v2), Firestore & SSR

This article will help you integrate Firebase Firestore into a Nuxt.js project while keeping the server-side rendering capabilities that come with the amazing Universal SSR mode of Nuxt.js - http://bit.ly/2qRCTvj

#nuxt #vue #ssr

How we made Carousell’s mobile web experience 3x faster

In this write-up, Stacey Tay shares (1) their motivations for wanting to build a faster web experience, (2) how they built it, (3) the impact it had on their users, and (4) what helped them move fast. - http://bit.ly/2FtnUlq

#ui #mobile

Loading External Libraries on Demand in Angular

In one of Netanel’s previous articles, heI showed us how to load ECMAScript modules on demand using the typescript import() function.
Although in most cases we can make do by using this functionality, there are still cases where we’ll need to use an old library that doesn’t support JS modules. - http://bit.ly/2qQAcKs

#angular

Building a Family Tree Maker using Hooks and Microstates

If you missed all of the excitement around the proposed new ‘hooks’ feature in React, you might want to skip back to last week, but this is a great, practical example of using them to create a dynamic, family tree creation component. - http://bit.ly/2Be9S35

#react

Voice-Controlled Web Visualizations with Vue.js and Machine Learning

In this tutorial, you will pair Vue.js, three.js and LUIS (Cognitive Services) to create a voice-controlled web visualization. - http://bit.ly/2qP2sxb

#vue #machinelearning

Enquirer: Elegant, Intuitive and User-Friendly Terminal Prompts

Fast, promises and async/await-based prompts for your command line apps. As well as simple text entry, it supports prompts like password entry, surveys, lists, multi select, etc. - http://bit.ly/2OP107t

#nodejs