The React Story: How Facebook’s Instagram Acquisition Led to the Open Sourcing of React
Pete Hunt, one of the original creators of React, gives the story of why React was first created, how it gained adoption within Facebook due to the Instagram acquisition, and its eventual release. - https://goo.gl/dVjpvX
#react
The Web Share API Is Here: Here’s How to Use It
This JavaScript API, added in Chrome 61, lets you implement native sharing capabilities from your mobile web app (it was previously only available on native platforms). - https://goo.gl/NeMdCH
#shareapi
React, Inline Functions, and Performance
Thoughts about premature optimization and the performance of inline functions. - https://goo.gl/TRdeRs
#react
Creating a super simple FontAwesome 5 icon component in Vue
It won’t take more than a couple of minutes, plus you can use your own classes and icons thus keeping your assets small. - https://goo.gl/5TxdUa
#vue
When to Use Server-Side Rendering (SSR) in Vue.js Projects
There are advantages and disadvantages to using SSR including SEO and performance. Alan Ktquez gives his take on when this feature is worth implementing in a Vue.js app. - https://goo.gl/WQAbnr
#vue #serverSideRender
Ionic App Generator
A new utility for generating Ionic-based applications, Ionic App Generator (macOS and Windows). - https://goo.gl/CDedoL
#ionic
Naming Things In CSS Grid Layout
The various ways that you can name lines and areas in CSS Grid Layout to enable easier placement of items by name rather than number - https://goo.gl/UghaiC
#cs #grid
7 Reasons to 'Outlaw' React’s Functional Components
Are React’s functional components worth the cost? - https://goo.gl/Gi3wZt
#react
6 Myths of Progressive Web Apps
Busting some of the common myths surrounding PWAs. - https://goo.gl/TL2JPS
#pwa
Debounce Your React and Redux Code to Improve Performance
‘Debouncing’ is a mechanism for limiting the number of intensive calculations (e.g. only make a request or update something every 500ms at most). - https://goo.gl/8X3iKt
#react #redux
API-driven development with OpenAPI and Swagger
In this two-part article, you’ll learn how to put APIs at the heart of your design and development process, from concept to coding. -
https://goo.gl/wmTAAy
#api #swagger
Configuring Vue Router for a Single Page App
Vue Router is a perfect tool for handling the hard parts of the HTML5 History API. Dan Pastori brings a great article on how you can configure your single-page app routes using Vue Router. - https://goo.gl/anh3AD
#vue #router
Designing Layouts - Flexbox
A look at using flexbox to align, layout and distribute space among elements. - https://goo.gl/D1gMrU
#css #felxbox
A Look at Bootstrap 4's New Reset: Reboot.css
A deep dive into the latest Bootstrap’s new approach to style resetting, as well as some history of style, resets overall. - https://goo.gl/59Rroq
#css
Chrome 62 Released: What’s New?
Improved Network Information API, support for OpenType variable fonts, new ways to capture media, and Payment Request API support on iOS. - https://goo.gl/3FXGWc
#chrome #release
Chrome Dev Summit 2017 Keynote
Ben Galbraith, leader of the Chrome Web Platform team, and Dion Almaer, Google Engineering Director, discuss the state of Chrome and the Web Platform today. - https://goo.gl/aztxfP
#chromeDevSummit #keynote #video
An imperative guide to forms in Vue.js
In this tutorial, we will walk you through the process of creating, validating, and utilising inputs from a form in a Vue.js 2.x application. - https://goo.gl/FmQQtn
#vue #forms
Building a CSS-Only Image Gallery (with Fallbacks)
A look at an approach to creating an experimental CSS-only image gallery, which doesn’t break the experience on older browsers. - https://goo.gl/j77QMD
#css
What You Need to Know About HTTP/2
Unsure how to optimize your app to take advantage of HTTP/2? This article aims to clarify. - https://goo.gl/5YXVbn
#http2
Getting A High Progressive Web App Score On React and Material-UI
Basic techniques used to get a high score for a sample app based on a stack of React, Redux and Material-UI. - https://goo.gl/d9usf3
#react
Responsive Web Design podcast talking about Slacks new site - https://goo.gl/3mm5Va
#podcast
NativeScript UI is Now Free — Here’s How to Get Started
NativeScript UI is now 100% free and this article shows how to get started with the UI controls - https://goo.gl/a9PhqR
#nativescript
Build a Scientific Calculator with Vue.js
In this tutorial, Raphael Ugwu shows how he built a scientific calculator with Vue. A great read if you’re interested in seeing how a Vue app gets built from start to finish. - https://goo.gl/QAS8Ho
#vue
Ember.js: The Perfect Framework for Web Applications
Ember.js lets you scaffold and build complex front-end web apps quickly. Graham Cox explores this popular, batteries-included JavaScript framework - https://goo.gl/UDm4un
#ember
Vue 2.5 released - https://goo.gl/4HWjks
Vuex 2.5.0 released - https://goo.gl/ocvrxv
Vuetify.js v0.16.6 released - https://goo.gl/tA4Zuw
Element UI 2.0.0-beta.1 released - https://goo.gl/yidrxA
Released Quasar v0.14.5 released - https://goo.gl/QJzKAU
#vue #release
A JavaScript’s Promise That Leaks Memory (and Why)
What you can do about memory leaks in recursive loops. - https://goo.gl/92p4aX
#promise
Write Blazing Fast Vue Unit Tests with Tape and Vue Test Utils
Edd Yerburgh has published a great tutorial on how to write Vue unit tests with Tape and Vue Test Utils. Check it out and see why Tape is the fastest framework for unit testing Vue components. - https://goo.gl/urb2Ce
#vue #testing
Service Worker Gotchas
Potential pitfalls to be aware of and understand when using service workers. - https://goo.gl/czjBnT
#serviceWorker
Vue.js Transitions & Animations: Production-Ready Examples
Sinpcart has published an awesome tutorial on how to handle production-ready Vue.js transitions and animations. This tutorial has in-depth explanations, live CodePens and more. - https://goo.gl/UYNrkD
#vue #animations
Taucharts One: A Mature Charting Library with a Simple API
Has a lot of features including timeline charts, value highlighting, and a sparkline mode for dense data. - https://goo.gl/ij3CXe
#taucharts #library