21578
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile и многое другое. Администратор: @andrey2019 Donate: https://goo.gl/5FJz4U
Inquirer.js: A Collection of Common Interactive CLI Controls
Aims to be “an easily embeddable and beautiful command line interface” for Node. - https://goo.gl/ApsYP6
#nodejs #tools
Monitoring App Performance with 2 New Node APIs
Building a tool to monitor Node app performance is easy with the Async Hooks and Performance Hooks APIs. Learn how in this tutorial. - https://goo.gl/6Xqh4n
#nodejs
Marvel API + Vuepack (Vue + Vuex)
This tutorial by Phong Huynh shows how to use Vue and Vuex to build a simple application that displays Marvel characters. - https://goo.gl/ASMxvM
#vue
Clean Code vs. Dirty Code: React Best Practices - https://goo.gl/dzzHDZ
#react
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
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
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
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
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
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
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
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
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
Take control of your scroll
This post by some talented Google developers explain how you can use the CSS overscroll-behavior property to override the browser’s default overflow scroll behavior when reaching the top/bottom of content. -
https://goo.gl/vUDqtm
#css #scroll
Vue.js 2 Material Component Framework | Vuetify.js
Build stunning applications with the #1 Vue Material framework. - https://goo.gl/cgC8js
#vue
Mocking Vuex in Vue Unit Tests
In this interesting article, Lachlan Miller explains why you should avoid using Vuex in component tests. He presents his own best practices that he discovered while working on several large Vue/Vuex applications. - https://goo.gl/odt7hp
#vuex #testing
Should I use system fonts or web fonts?
Web fonts were an amazing step forward towards creating a more beautifully designed web. No longer were we restrained by the handful of choices that “Web Safe” fonts provided us, we now had the ability to bring just about any typeface to the web in the knowledge that everyone would see the same thing. - https://goo.gl/bYQzPH
#css #fonts
Designing for a 'Browserless' Web
Mitch takes a close look at PWAs on Android devices and explains how we can pave the way for a new era of ‘browserless’ web browsing. - https://goo.gl/UnawjZ
#design #web
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
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
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
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
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
Vue-i18n async loading of languages
Load your language files asynchronously using the internationalization plugin for Vue.js. - https://goo.gl/yGRqh6
#vue
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
An In-Depth Introduction to React Native
A ‘show and tell’ in-depth video introduction to React Native. - https://goo.gl/KEWQnK
#reactnative #video
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
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
Connecting a Meteor Back-End to a React Native App -
https://goo.gl/WHXq4T
#reactNative
The Cost Of JavaScript
As we build sites more heavily reliant on JavaScript, we sometimes pay for what we send down in ways that we can’t always easily see. In this post, Addy Osmani covers why a little discipline can help if we want our site to load and be interactive quickly on mobile devices. -
https://goo.gl/gduwZB
#javascript