Lazy-Loading Components in React 16.6
Code-splitting and lazy-loading React components with Suspense and React.lazy() - http://bit.ly/2zgeapn
#react
Code-splitting and lazy-loading React components with Suspense and React.lazy() - http://bit.ly/2zgeapn
#react
LogRocket Blog
Lazy loading React components - LogRocket Blog
Learn how to apply code-splitting and lazy loading to React components with React.lazy() and React.Suspense.
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
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
Medium
A Netflix Web Performance Case Study
Improving Time-To-Interactive for Netflix.com on Desktop
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
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
Michaelnthiessen
Warn: Property or Method is Not Defined
Chances are if you've been developing with Vue for any amount of time, you've gotten this error: Property or method prop is not defined. Most of the time this error is because you misspelled a variable name somewhere. But there are other causes as well.
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
For situations where you need to mix relative units and pixels. - http://bit.ly/2FDqdCs
#css
CSS-Tricks
Fun Tip: Use calc() to Change the Height of a Hero Component | CSS-Tricks
The concept of Fluid Typography was tossed around a couple of years ago. The main idea is that if you know what size your font is at two different viewport
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
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
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
Medium
Beyond console.log()
There is more to debugging JavaScript than console.log to output values. It might seem obvious I’m going to pimp the debugger, but…
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
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
Angular In Depth
Container Components with Angular
Isolate and extract app state and other non-presentational logic from Angular components.
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
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
Medium
Making a large scale app with vue.js (part 1): modularize your store!
First part about things to do when building a vue.js large scale application.
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
A list of handy Git aliases inspired by the oh-my-zsh suite. - http://bit.ly/2FHPagd
#git
Michał Konarski
Git aliases I can't live without
A list of handy Git aliases inspired by oh-my-zsh suite.
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
A bash script for generating trusted self-signed SSL certs for local development on your Mac. - http://bit.ly/2r3x4uU
#ssl #cerf
GitHub
GitHub - kingkool68/generate-ssl-certs-for-local-development: A bash script for generating trusted self-signed SSL certs for local…
A bash script for generating trusted self-signed SSL certs for local development on your Mac - kingkool68/generate-ssl-certs-for-local-development
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
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
AppDividend
Angular 7 CRUD Example | MEAN Stack Tutorial From Scratch
Angular 7 CRUD Example MEAN Stack Tutorial. We use MongoDB as a NoSQL database, Node.js as a server platform, Express as a web framework and Angular 7.
Static Properties in JavaScript Classes with Inheritance
A look at a pattern for implementing static properties in ES6. - http://bit.ly/2KvhS2J
#javascript
A look at a pattern for implementing static properties in ES6. - http://bit.ly/2KvhS2J
#javascript
The Code Barbarian
Static Properties in JavaScript Classes with Inheritance
What happens with static properties using ES6 class inheritance? This article describes a common gotcha.
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
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
Telerik Blogs
How to Render Vue Apps to a Server Using Nuxt
Learn how to easily get started rendering apps built with Vue to a server using 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
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
Csswizardry
CSS and Network Performance – CSS Wizardry
How can CSS impact network and resource-loading performance? Can things be that serious?
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
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
freeCodeCamp.org
These are the concepts you should know in React.js (after you learn the basics)
by Chris Chuck These are the concepts you should know in React.js (after you learn the basics) Photo by Daniel Jensen [https://unsplash.com/photos/Hfg3xK7KDDk?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText] on Unsplash [https://unsplash.com/]You’ve…
How To Build a Virtual Reality Model with Real-Time Cross-Device Preview
A walkthrough of programming three-dimensional objects and adding simple interactions. - http://bit.ly/2P2eGMH
#vr
A walkthrough of programming three-dimensional objects and adding simple interactions. - http://bit.ly/2P2eGMH
#vr
Smashing Magazine
How To Build A Virtual Reality Model With A Real-Time Cross-Device Preview — Smashing Magazine
In this tutorial, we’ll program three-dimensional objects and add simple interactions to these objects. Additionally, you can learn how to build a simple message passing system between clients and servers.
Faster Async Functions and Promises for V8
A substantial and easy-to-follow exploration of how async functions and promises in V8 have been optimized (and will be faster in an eventual Node 12) and how the debugging experience for async code has been improved. - http://bit.ly/2DGcGaS
#nodejs
A substantial and easy-to-follow exploration of how async functions and promises in V8 have been optimized (and will be faster in an eventual Node 12) and how the debugging experience for async code has been improved. - http://bit.ly/2DGcGaS
#nodejs
v8.dev
Faster async functions and promises · V8
Faster and easier-to-debug async functions and promises are coming to V8 v7.2 / Chrome 72.
5 Reasons to Use Angular Elements
From Day 1 the Angular team at Google had the goal of building the world’s preeminent next-generation framework on top of web standards. - http://bit.ly/2AmWUhX
#angular
From Day 1 the Angular team at Google had the goal of building the world’s preeminent next-generation framework on top of web standards. - http://bit.ly/2AmWUhX
#angular
nrwl
5 Reasons to Use Angular Elements
This recommendation about Angular Elements is a sneak peek at some of the premium content that our Connect clients at Nrwl will have…
A Code-Driven Guide to the HTML5 Canvas
A guide to the Canvas API, one of the best ways to draw graphics dynamically in the browser. - http://bit.ly/2PS6AeM
#javascript #canvas
A guide to the Canvas API, one of the best ways to draw graphics dynamically in the browser. - http://bit.ly/2PS6AeM
#javascript #canvas
Flaviocopes
HTML Canvas API Tutorial