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

Implementing a Variable Font With Fallback Web Fonts

Oliver Schöndorfer shows how to integrate a variable font on your website with classic web fonts as a fallback. - http://bit.ly/2DLCyTJ

#css #font

Learn how to refactor Vue.js Single File Components on a real world example

Given the vue realworld project this blog article will show you how to refactor a simple Vue Single File Component. - http://bit.ly/2z61Dod

#vue

How to Use Storybook in a React Project

Storybook is a tool for building and visualizing components in an isolated environment. - http://bit.ly/2TlpyZq

#react #storybook

Are You Accessible? — A Primer on Web Accessibility

Amy Dickens gives an excellent, in-depth primer on web accessibility - http://bit.ly/2qOUvb8

#css

Angular 7 - User Registration and Login Example & Tutorial

In this tutorial we’ll go through an example of how to build a simple user registration and login system using Angular 7, TypeScript and webpack 4. - http://bit.ly/2K9CcGE

#angular

Lazy-Loading Components in React 16.6

Code-splitting and lazy-loading React components with Suspense and React.lazy() - http://bit.ly/2zgeapn

#react

A Netflix Web Performance Case Study

An interesting look at how Netflix worked to improve the ‘time-to-interactive’ metric on their desktop Web experience. It involved both prefetching and ripping out React. - http://bit.ly/2DF4dVr

#web #performance

Warn: Property or Method is Not Defined

Chances are if you’ve been developing with Vue for any amount of time, you’ve seen the error “Property or method is not defined.” This article breaks down the common reasons behind this error. - http://bit.ly/2DMwB8f

#vue

Using calc() to Change The Height of a Hero Component

For situations where you need to mix relative units and pixels. - http://bit.ly/2FDqdCs

#css