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

Understanding Change Detection Strategies in Angular

Change Detection and its strategies (OnPush and Default) have been written about in various articles in the web but no one has come close to providing comprehensive and in-depth information about the concepts, they mostly focus on the use cases. - http://bit.ly/2qRzHzR

#angular

Mobile Patterns

A UI/UX gallery for inspiration for iOS & Android apps. - http://bit.ly/2DpcWL4

#ui #ux #mobile #patterns

Organize CSS with a Modular Architecture: OOCSS, BEM, SMACSS

Claudio Mendonca explains how to organize your CSS architecture using methodologies like OOCSS, BEM, and SMACSS. - http://bit.ly/2zeR2rb

#css

You've probably already heard about Yegor Bugayenko's recent speech at the Joker Conference in Petersburgh. There he raised rather a sore point: Quality vs. Quantity. No wonder that the report caused quite a stir and became the third most liked according to the votes of attendees. So what is more important? Yegor insists on his controversial method of attack: It is more vital to aim for code quantity than quality for the project to be successful.

Yegor covers this and a lot of other questions and shares his ideas from the point of view both of the developer and the CEO of a large IT company in his new telegram channel @yegor256news. By the way, he always welcomes open and constructive discussions so feel free to share your thoughts.

A Different, Experimental Way to Manage State in React?

“What if some central entity had a view of your entire application and knew the relationships between every property in your store and every component on your page?” Enter recollect. There’s a lot to chew on here. - http://bit.ly/2FttNiK

#react

A Personal Review of Automated Testing Tools in the JavaScript World - http://bit.ly/2RWOLrt

#testing #tools

Angular 7 Forms Tutorial Example

Angular 7 Forms Tutorial Example is today’s leading topic. For this example, we will use Reactive forms. Reactive forms provide the model-driven approach to handle the form inputs whose values are changing over time. Reactive forms use the specific and immutable approach to managing the state of the form at the given point of time. Each change to the form state returns the new state, which maintains the integrity of a model between the changes. - http://bit.ly/2Tj8Auu

#angular #forms

Building a REST API with KoaJS

How to use Koa.js to write server-side code that uses Node as the runtime engine. - http://bit.ly/2Q4wuv9

#nodejs #koa