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

26 React and Redux Interview Questions and Answers - http://bit.ly/2JbImFW

#react #redux #interview

13 Games in Under 13KB of JavaScript

A look at some of GitHub’s favorite entries to the recent js13kGames 2018 competition where you have to build a game in under 13 kilobytes, assets and all. - http://bit.ly/2PNpHT5

#javascript

Defining NgRx Effects To Organize Actions

In the previous article, we were introduced to functional programming and NgRx, the reactive and highly performant Redux state management for Angular apps. - http://bit.ly/2q1BCBq

#angular #ngrx

Publishing Private npm Packages to Nexus

A look at how to use Nexus Repository Manager for distributing private packages. - http://bit.ly/2R6rqDw

#nodejs #nexus #npm

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

#reactNative

Creating an interactive map with D3 and Vue

This guide will teach you how to display maps with D3 and JSX. - http://bit.ly/2O7TC77

#vue

The Ultimate Answer To The Very Common Angular Question: subscribe() vs | async Pipe

Most of the popular Angular state management libraries like NgRx expose application state in a form of a stream of state objects. This is usually implemented with the help of RxJS Observables. - http://bit.ly/2Sll0BS

#angular

Writing a JavaScript Tweening Engine with Between.js

This developer decided to try their hand at writing their own tweening engine. - http://bit.ly/2q2JBOY

#javascript

Ways to Eliminate Common React Performance Issues

Formerly titled “How to Eliminate React Performance Issues Now”, this is a pragmatic step-by-step guide to eliminating common React-related performance issues. - http://bit.ly/2SlGoqH

#react

Smart Bundling: How To Serve Legacy Code Only To Legacy Browsers

Shubham Kanodia explains why it’s time to rethink asset delivery for the modern web. - http://bit.ly/2D7w7Kh

#bundling

Creating a Logger in Nodejs From Scratch

Learn how to create a single logger in which by calling, say, loggerinfo, the message would be logged to the console and saved to file. - http://bit.ly/2JiuDwJ

#nodejs

Hello, Create React App 2.0

The big news last week was the release of Create React App 2.0. This post takes a practical look at what’s changed and how it’s more useful than ever. - http://bit.ly/2PWHBD2

#react

Rhythm in Web Typography

Horizontal rhythm mostly impacts the legibility, while vertical rhythm impacts the readability of the text and establishes a sense of visual hierarchy. - http://bit.ly/2EY5QQq

#typography

How to Use Checklists to Improve Your UX

Why do people fail when they have both the information necessary to complete a task and the skill or aptitude to do so? - http://bit.ly/2qfDnv9

#ux

Connect Angular Forms to Akita Store

The PersistNgFormPlugin helps to keep your form synced with your store. One common scenario is preventing your user from losing data he filled in a form, after navigating away without saving it. Another scenario is when you want to persist a form’s state across pages. - http://bit.ly/2PtyAEI

#angular

What’s New in the Latest Microsoft Edge Update

EdgeHTML 18 is now available with the Windows 10 October 2018 Update, featuring Web Authentication API support, Service Worker improvements, new WebView features, CSS Masking, new autoplay policies, and more. - http://bit.ly/2z8NgyI

#edge

How to Manage React State with Arrays

It’s possible to rely on the simplest of JavaScript features to manage the state of your app, and Robin shows how versatile arrays are for this task here. - http://bit.ly/2z6xmVI

#react