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

Building Universal Vue.js Apps with Nuxt.js - Sébastien Chopin

In this episode of Full-Stack Radio, Adam Wathan interviews Sébastien Chopin about Nuxt.js, a Next.js-inspired framework for building server-rendered client-side applications with Vue. - http://bit.ly/2S9WMtd

#vue #podcast

Going Beyond console.log()

While console.log() may form the basis of many people’s debugging strategies, the console object has a lot more to offer, as covered here. If you don’t know about console.assert or console.count, step in. - http://bit.ly/2TI23Kk

#javascript

Container Components with Angular

With the Model-View-Presenter design pattern it is easy to use any application state management library or pattern whether its a redux-like state container like the NgRx Store or simply plain old services as in the “Tour of Heroes” Angular tutorial. - http://bit.ly/2DKaFdT

#angular

Making a Large-Scale App with Vue.js - Part 1

This article explains how to organize and manage your data store and API client if you’re building a large-scale application using Vue.js. - http://bit.ly/2DVBxZa

#vue

Git Aliases I Can’t Live Without

A list of handy Git aliases inspired by the oh-my-zsh suite. - http://bit.ly/2FHPagd

#git

Generate SSL Certs for Local Development

A bash script for generating trusted self-signed SSL certs for local development on your Mac. - http://bit.ly/2r3x4uU

#ssl #cerf

How to Use SVG Patterns As Backgrounds - http://bit.ly/2BvA5tX

#css #svg

SVGR: An Online SVG to JSX Transformation Tool - http://bit.ly/2FEM8t3

#tools #svg #react #jsx

Angular 7 CRUD Example | MEAN Stack Tutorial From Scratch

In this article, we will be creating a sample Angular 7 application step by step from scratch and perform CRUD operations. The backend API will be exposed using Node.js, and Express framework and MongoDB will be used for persistent storage of the data. We will be using Angular CLI 7 to generate the boilerplate project - http://bit.ly/2PWtkKz

#angular #mean

Static Properties in JavaScript Classes with Inheritance

A look at a pattern for implementing static properties in ES6. - http://bit.ly/2KvhS2J

#javascript

How to Render Vue Apps to a Server Using Nuxt

This article by Chris Nwamba aka Codebeast will show you how to easily get started rendering apps built with Vue to a server using Nuxt. - http://bit.ly/2DUUHOR

#vue #nuxt

CSS and Network Performance

Harry Roberts looks at how CSS can prove to be a substantial bottleneck (both in itself and for other resources) on the network, and how we can mitigate it, thus shortening the Critical Path and reducing our time to Start Render. - http://bit.ly/2Bvxqkc

#css

React Concepts You Should Know (After You Learn The Basics)

If you’re still pretty new to React, this is for you. You’ve followed some tutorials, maybe got your first React app working, but what’s worth understanding next? Context, HOCs, and lifecycle methods for starters. - http://bit.ly/2FEh5h5

#react