How to Work with Forms, Inputs and Events in React
How to capture text input and input via other form elements like input, textarea, and option. - https://goo.gl/6w45UE
#react #forms
How to capture text input and input via other form elements like input, textarea, and option. - https://goo.gl/6w45UE
#react #forms
Medium
How to Work with Forms, Inputs and Events in React
This is an excerpt from the book React Quickly, available at manning.com
Official ESLint plugin for Vue.js - First beta
It’s now compatible with the official style guide and will get more rules soon. - https://goo.gl/sizLZn
#vue #eslint
It’s now compatible with the official style guide and will get more rules soon. - https://goo.gl/sizLZn
#vue #eslint
GitHub
vuejs/eslint-plugin-vue
eslint-plugin-vue - Official ESLint plugin for Vue.js
Taming Architecture Complexity in V8
An introduction to CodeStubAssembler (CSA), a component in V8 that “has been a very useful tool in achieving some big performance wins over the last several V8 releases”. - https://goo.gl/VE4oc2
#v8
An introduction to CodeStubAssembler (CSA), a component in V8 that “has been a very useful tool in achieving some big performance wins over the last several V8 releases”. - https://goo.gl/VE4oc2
#v8
v8project.blogspot.co.uk
Taming architecture complexity in V8 — the CodeStubAssembler
A blog by the V8 team for JavaScript enthusiast that want to get a glimpse 'under the hood' of Chrome's JavaScript engine.
Simple Asynchronous Infinite Scroll with Vue Watchers
Infinite Scroll is a UX pattern that suggests showing users few contents on page or app load. More contents are then loaded once the user starts scrolling down the page. - https://goo.gl/kGJF7L
#vue
Infinite Scroll is a UX pattern that suggests showing users few contents on page or app load. More contents are then loaded once the user starts scrolling down the page. - https://goo.gl/kGJF7L
#vue
Scotch
Simple Asynchronous Infinite Scroll with Vue Watchers
Infinite Scroll is a UX pattern that suggests showing users few contents on page or app load. More contents are then loaded once the user starts scrolling down the page. These contents are loaded asynchrounously by making request to the server responsible…
An Intro to Scrollama.js for Telling Stories Through Scrolling
The what, why, and how behind using a library for efficient ‘scrollytelling’ that uses IntersectionObserver in favor of scroll events. - https://goo.gl/i8i5W9
#javascript
The what, why, and how behind using a library for efficient ‘scrollytelling’ that uses IntersectionObserver in favor of scroll events. - https://goo.gl/i8i5W9
#javascript
The Pudding
An Introduction to Scrollama.js
The what, why, and how to use scrollama.js for your next scrollytelling story.
An In-Depth Introduction to React Native
A ‘show and tell’ in-depth video introduction to React Native. - https://goo.gl/KEWQnK
#reactnative #video
A ‘show and tell’ in-depth video introduction to React Native. - https://goo.gl/KEWQnK
#reactnative #video
YouTube
BxJS - In-depth introduction to React-Native
This is a video for "Building X with javascript" series. In this video I give an in-depth introduction to react-native. Mentioned links: https://github.com/B...
How to Greatly Improve Your React App’s Performance
A review of common React performance pitfalls (such as bad shouldComponentUpdate implementations and using events poorly) and how to avoid them. - https://goo.gl/Vd1JBH
#react
A review of common React performance pitfalls (such as bad shouldComponentUpdate implementations and using events poorly) and how to avoid them. - https://goo.gl/Vd1JBH
#react
Medium
How to greatly improve your React app performance – MyHeritage Engineering – Medium
A review of common React performance pitfalls and how to avoid them
AWS AppSync: Build Data-Driven Apps with Real-Time and Offline Capabilities
A fully managed serverless GraphQL service for real-time data queries, synchronization, communications and offline programming features, aimed at mobile app developers. - https://goo.gl/ZYMycm
#aws
A fully managed serverless GraphQL service for real-time data queries, synchronization, communications and offline programming features, aimed at mobile app developers. - https://goo.gl/ZYMycm
#aws
Amazon Web Services
Introducing AWS AppSync – Build data-driven apps with real-time and off-line capabilities | Amazon Web Services
In this day and age, it is almost impossible to do without our mobile devices and the applications that help make our lives easier. As our dependency on our mobile phone grows, the mobile application market has exploded with millions of apps vying for our…
Monitoring Unused CSS by Unleashing the Raw Power of the Devtools Protocol
Johnny shows how to use Chrome DevTools Protocol to track the percentage of unused CSS in the app programmatically. - https://goo.gl/DmrrnU
#css #devtools
Johnny shows how to use Chrome DevTools Protocol to track the percentage of unused CSS in the app programmatically. - https://goo.gl/DmrrnU
#css #devtools
Johnny's dev blog
Monitoring unused CSS by unleashing the raw power of the DevTools Protocol
Automate any action you can perform manually in DevTools by unleashing the raw power of the DevTools Protocol.
Vue-i18n async loading of languages
Load your language files asynchronously using the internationalization plugin for Vue.js. - https://goo.gl/yGRqh6
#vue
Load your language files asynchronously using the internationalization plugin for Vue.js. - https://goo.gl/yGRqh6
#vue
DigitalCult
Vue-i18n async loading of languages - DigitalCult
Initializing vue-i18n is really straight forward, create a new instance, add locale messages, add fallback lang, provide it to your […]
The Best Request Is No Request, Revisited
What’s the role of bundling in performance now that HTTP/2 is becoming more ubiquitous? Let Stefan Baumgartner help you find out. - https://goo.gl/DPzTPV
#http2
What’s the role of bundling in performance now that HTTP/2 is becoming more ubiquitous? Let Stefan Baumgartner help you find out. - https://goo.gl/DPzTPV
#http2
Alistapart
The Best Request Is No Request, Revisited
What’s the role of bundling in performance now that HTTP/2 is becoming more ubiquitous? Let Stefan Baumgartner help you find out.
The Performance Cost of Server Side Rendered React on Node.js
“there is a price to pay for server side rendered React.js” -
https://goo.gl/roaJef
#react #serverSideRender
“there is a price to pay for server side rendered React.js” -
https://goo.gl/roaJef
#react #serverSideRender
Progressive Web Apps: A Crash Course
Ahmed Bouchefra explains PWAs by showing how to build one from scratch with ES6 and React, optimizing it step by step with Lighthouse for UX and performance. - https://goo.gl/C2mtzg
#pwa
Ahmed Bouchefra explains PWAs by showing how to build one from scratch with ES6 and React, optimizing it step by step with Lighthouse for UX and performance. - https://goo.gl/C2mtzg
#pwa
SitePoint
Progressive Web Apps: A Crash Course — SitePoint
Ahmed explains PWAs by showing how to build a PWA from scratch with ES6 and React, optimizing it step by step with Lighthouse for UX and performance.
This media is not supported in your browser
VIEW IN TELEGRAM
Recreating the Apple Watch Breathe App Animation
Geoff Graham shows how to recreate the Apple Watch breathe app animation using CSS. - https://goo.gl/tXYX6E
#css #animation
Geoff Graham shows how to recreate the Apple Watch breathe app animation using CSS. - https://goo.gl/tXYX6E
#css #animation
Animating Layouts with the FLIP Technique
Stands for First, Last, Invert, Play. It’s a technique for animating DOM elements smoothly. - https://goo.gl/wLy5qY
#css
Stands for First, Last, Invert, Play. It’s a technique for animating DOM elements smoothly. - https://goo.gl/wLy5qY
#css
CSS-Tricks
Animating Layouts with the FLIP Technique | CSS-Tricks
User interfaces are most effective when they are intuitive and easily understandable to the user. Animation plays a major role in this - as Nick Babich sai
React 16.2 Released with Improved 'Fragments' Support
Fragments are for grouping multiple children that are being returned from a component’s render method. This post thoroughly digs into why that might be useful - https://goo.gl/KmmVQQ
#react #release
Fragments are for grouping multiple children that are being returned from a component’s render method. This post thoroughly digs into why that might be useful - https://goo.gl/KmmVQQ
#react #release
reactjs.org
React v16.2.0: Improved Support for Fragments – React Blog
React 16.2 is now available! The biggest addition is improved support for returning multiple children from a component’s render method. We call this feature fragments : Fragments look like empty JSX tags. They let you group a list of children without adding…
Learn How to Write a Vue Wrapper Component
A Vue “wrapper” component is a technique used to integrate a 3rd party plugin with Vue by wrapping it in a custom Vue component. - https://goo.gl/nZATsU
#vue
A Vue “wrapper” component is a technique used to integrate a 3rd party plugin with Vue by wrapping it in a custom Vue component. - https://goo.gl/nZATsU
#vue
Laravel News
Learn How to Write a Vue JS Wrapper Component
A Vue “wrapper” component is a technique used to integrate a 3rd party plugin with Vue by wrapping it in a custom Vue component.The wrapper technique means that you are likely bringing in a library like jQuery and a jQuery plugin. This combination seems to…
Pzuraq - ES Classes in Ember.js
A guide to using ES classes in Ember.js in conjunction with Ember Decorators. - https://goo.gl/bdn8oZ
#ember
A guide to using ES classes in Ember.js in conjunction with Ember Decorators. - https://goo.gl/bdn8oZ
#ember
Medium
ES Classes in Ember.js
ES2017+ classes are the future — learn how to start using them in your Ember apps through a few simple examples today.
Common Responsive Layouts with CSS Grid (and some without!)
If you want to get started with CSS Grid then try and replicate some of these web layouts. Jo has already built them so there’s code for you to test out, but half the fun is working on your own solution. -
https://goo.gl/TzkiEy
#css #responsive
If you want to get started with CSS Grid then try and replicate some of these web layouts. Jo has already built them so there’s code for you to test out, but half the fun is working on your own solution. -
https://goo.gl/TzkiEy
#css #responsive
Medium
Common Responsive Layouts with CSS Grid (and some without!)
Example code for you to try out, change and make your own
NPMGraph: See Module Dependency Trees in Your Browser
Enter an npm module name and this tool renders an interactive dependency tree in your browser. - https://goo.gl/Qr1r6M
#nodejs #tools
Enter an npm module name and this tool renders an interactive dependency tree in your browser. - https://goo.gl/Qr1r6M
#nodejs #tools
Broofa
NPMGraph - Visualize NPM Module Dependencies
Graph / visualize of npm dependencies