Using the React DevTools Profiler to Diagnose Performance Issues
The most recent React DevTools provides a tab for profiling, and this article covers how Netlify used this profiler to fix a long-standing performance issue in their client-side code. - http://bit.ly/2Q3FNZl
#react #devTools
The most recent React DevTools provides a tab for profiling, and this article covers how Netlify used this profiler to fix a long-standing performance issue in their client-side code. - http://bit.ly/2Q3FNZl
#react #devTools
Netlify
Using the React DevTools Profiler to Diagnose React App Performance Issues
We had a big performance issue with rendering large server logs. Now we don't. All thanks to the DevTools Profiler.
OffscreenCanvas: Speed up Your Canvas Operations with a Web Worker
OffscreenCanvasAPI is available as of Chrome 69 and could provide a way to boost graphics rendering performance in your web apps. - http://bit.ly/2C3PdRB
#offscreenCanvas
OffscreenCanvasAPI is available as of Chrome 69 and could provide a way to boost graphics rendering performance in your web apps. - http://bit.ly/2C3PdRB
#offscreenCanvas
Google Developers
OffscreenCanvas — Speed up Your Canvas Operations with a Web Worker | Web
| Google Developers
| Google Developers
OffscreenCanvasAPI is available as of Chrome 69. This article explains how you can use it to achieve performance improvements in rendering graphics in your web app.
More Than a Billion Downloads of Node.js
We mentioned this a few issues back, but here are some more stats to dig into. - http://bit.ly/2PyCpou
#nodejs
We mentioned this a few issues back, but here are some more stats to dig into. - http://bit.ly/2PyCpou
#nodejs
Medium
More Than A Billion Downloads of Node.js 🎉
The application platform known as Node.js surpassed one billion downloads and is now officially a part of the three comma club.
Game changing Features of Angular v6
With the release of Angular 6 several amazing new features were introduced. These changes synchronizes the major version number of the angular framework, angular CLI and Angular Material + CDK. With an exception to a small change in RxJS, there are no major breaking changes in this version of Angular. Let us examine these new features in greater detail. - http://bit.ly/2QcJUlZ
#angular
With the release of Angular 6 several amazing new features were introduced. These changes synchronizes the major version number of the angular framework, angular CLI and Angular Material + CDK. With an exception to a small change in RxJS, there are no major breaking changes in this version of Angular. Let us examine these new features in greater detail. - http://bit.ly/2QcJUlZ
#angular
Scotch
Game changing Features of Angular v6
With the release of Angular 6 several amazing new features were introduced. These changes synchronizes the major version number of the angular framework, angular CLI and Angular Material + CDK. With an exception to a small change in RxJS, there are no major…
Complex Numbers in JavaScript
I hope you like math! This is a neat walkthrough of calculating the dot product of two complex vectors with JS. - http://bit.ly/2oyW5Nd
#javascript
I hope you like math! This is a neat walkthrough of calculating the dot product of two complex vectors with JS. - http://bit.ly/2oyW5Nd
#javascript
Observable
Complex numbers in JavaScript
Our goal for today is to perform the dot product of two complex vectors in JavaScript. To make it a bit more challenging we are going to make use of typed arrays for efficient data storage. JavaScript typed arrays are array-like objects and provide a mechanism…
Using CSS Transforms in the Real World
How to adjust elements vertically, create nice-looking arrows, build loading animations and create flip animations. - http://bit.ly/2N6MATt
#css
How to adjust elements vertically, create nice-looking arrows, build loading animations and create flip animations. - http://bit.ly/2N6MATt
#css
SitePoint
Using CSS Transforms in the Real World — SitePoint
Ilya Bodrov explains how CSS transforms can be used in the real world to solve various tasks and achieve interesting results — showing how to adjust elements vertically, create nice-looking arrows, build loading animations and create flip animations.
Can I Use.? CSS’s 'justify-content: space-evenly'
justify-content: space-evenly distributes the space between items evenly with equal space on the edges, unlike space-around. It’s supported by most browsers now. - http://bit.ly/2NADYBF
#css
justify-content: space-evenly distributes the space between items evenly with equal space on the edges, unlike space-around. It’s supported by most browsers now. - http://bit.ly/2NADYBF
#css
Sitepoint
Redesigning a Card-based Tumblr Layout with CSS Grid — SitePoint
Giulio Mainardi shows how to retrofit a popular, card-based Tumblr layout with CSS grid, demonstrating how to plan for responsive behavior and utilize other cutting edge CSS features such as object-fit: cover, @supports and the :focus-within pseudo-class.
The Front-End Performance Checklist
An extensive list of things you should check or at least be aware of as a front-end developer trying to make your sites work as fast as possible. - http://bit.ly/2wT6yYz
#frontend #checklist
An extensive list of things you should check or at least be aware of as a front-end developer trying to make your sites work as fast as possible. - http://bit.ly/2wT6yYz
#frontend #checklist
GitHub
thedaviddias/Front-End-Performance-Checklist
🎮 The only Front-End Performance Checklist that runs faster than the others - thedaviddias/Front-End-Performance-Checklist
Avoiding Common Hurdles in Unit Testing
Mostly oriented around mocking in tricky situations. - http://bit.ly/2CeJxVc
#nodejs
Mostly oriented around mocking in tricky situations. - http://bit.ly/2CeJxVc
#nodejs
NearForm
Avoiding Common Hurdles in Unit Testing - NearForm
Unit tests isolate the code being tested from other systems. This lets you focus on your code and not the interactions with other systems.
Using Feature Detection to Write CSS with Cross-Browser Support
If you’ve been subscribed for a while, you’ll have seen all manner of CSS modules - both established and experimental - mentioned here. Here’s how to use the modules you want in a progressively enhanced way across browsers by using feature detection. - http://bit.ly/2QdRuN0
#css
If you’ve been subscribed for a while, you’ll have seen all manner of CSS modules - both established and experimental - mentioned here. Here’s how to use the modules you want in a progressively enhanced way across browsers by using feature detection. - http://bit.ly/2QdRuN0
#css
CSS-Tricks
Using Feature Detection to Write CSS with Cross-Browser Support | CSS-Tricks
In early 2017, I presented a couple of workshops on the topic of CSS feature detection, titled CSS Feature Detection in 2017.
Why we moved from Angular 2 to Vue.js (and why we didn’t choose React)
At Rever we just released a new version of our web client using Vue.js. - http://bit.ly/2N4WKVG
#vue
At Rever we just released a new version of our web client using Vue.js. - http://bit.ly/2N4WKVG
#vue
Medium
Why we moved from Angular 2 to Vue.js (and why we didn’t choose React)
At Rever (www.reverscore.com) we just released a new version of our web client using Vue.js. 641 commits and 16 weeks of intense development after with two resources, here we are, very proud of a…
Building a Real-Time Hand Sign Detector in iOS
How to build a hand sign detector app in iOS using Core ML and Custom Vision. - http://bit.ly/2Qo0UpA
#mobile
How to build a hand sign detector app in iOS using Core ML and Custom Vision. - http://bit.ly/2Qo0UpA
#mobile
Heartbeat
Building a Real-Time Hand Sign Detector in iOS using Core ML and Custom Vision
Core ML is an interesting means for adding a pre-trained machine learning model to your app. But one question that nagged me after trying…
How to Write a Node.js CLI Tool for Performing Image Classification with OpenCV - http://bit.ly/2Cqx9RU
#nodejs
#nodejs
ITNEXT
How to Write a Node.js CLI using OpenCV with Neural Network Models for Image Classification
TL;DR: In this article we will learn 3 things (these are the struggles I had to endure while creating my project for Github):
Improving Load Performance
Kayce Basques demonstrates how to use Chrome DevTools to find ways to make your pages load faster. - http://bit.ly/2NS5v1j
#devTools #video
Kayce Basques demonstrates how to use Chrome DevTools to find ways to make your pages load faster. - http://bit.ly/2NS5v1j
#devTools #video
YouTube
Improving Load Performance - Chrome DevTools 101
This tutorial shows you how to use Chrome DevTools to find ways to make your pages load faster.
Using Tony the Cat’s site, Kayce shows you how to audit a page with the Audits panel, use the Audits panel report to find ways to improve your page speed, experiment…
Using Tony the Cat’s site, Kayce shows you how to audit a page with the Audits panel, use the Audits panel report to find ways to improve your page speed, experiment…
shimport: Use JavaScript Modules in All Browsers
Allows you to use JS modules in all browsers, including dynamic import(). Currently experimental - the creator says “Don’t rush into production with this; it’s not battle-tested”. - http://bit.ly/2x0slgb
#javascript
Allows you to use JS modules in all browsers, including dynamic import(). Currently experimental - the creator says “Don’t rush into production with this; it’s not battle-tested”. - http://bit.ly/2x0slgb
#javascript
GitHub
GitHub - Rich-Harris/shimport: Use JavaScript modules in all browsers, including dynamic imports
Use JavaScript modules in all browsers, including dynamic imports - GitHub - Rich-Harris/shimport: Use JavaScript modules in all browsers, including dynamic imports
Vue.js SEO-Friendly SPAs: Tips, Tools & Prerender Example
Learn how to build an SEO-friendly Vue.js SPA with prerendering, server-side rendering and other general SEO tips. A live prerender is demo included. - http://bit.ly/2MlmqYy
#vue #seo
Learn how to build an SEO-friendly Vue.js SPA with prerendering, server-side rendering and other general SEO tips. A live prerender is demo included. - http://bit.ly/2MlmqYy
#vue #seo
Snipcart
Vue.js SEO-Friendly SPAs: Tips, Tools & Prerender Example
Learn how to build a Vue.js SEO-friendly SPA with prerendering, server-side rendering & other general SEO tips. Live prerender demo included!
A Guide to Building a REST API with Node.js and MongoDB
Uses Passport and JWTs for authentication. - http://bit.ly/2NuKTzx
#nodejs #rest #mongoDB
Uses Passport and JWTs for authentication. - http://bit.ly/2NuKTzx
#nodejs #rest #mongoDB
Hacker Noon
The practical guide for Building REST API in Nodejs and MongoDB include Passport and JWT
In this lesson, we will start our journey on making REST APIs with NodeJS along with MongoDB database. if you don’t have experience on…