Redux is a JavaScript library that aims to simplify how we manage stateful data. Redux keeps all of our data in a single JS object called the Store. A single function, the reducer, is responsible for making modifications to the Store. We trigger the reducer by 'dispatching' an action - a JS object that describes how our data should change. The reducer function receives the action as an argument and makes changes accordingly. Other parts of the code (usually React Components) can subscribe to data in the Store. When data changes, Redux notifies subscribers of the change. - https://goo.gl/xnq4QV
#redux
#redux
The Practical Dev
ReduxJS in 30 seconds
From the dev.to() community. Sharing ideas that makes us all better developers.
Microsoft Edge for iOS & Android: What Developers Need to Know
Microsoft Edge is coming to iOS and Android using WebKit on iOS and Blink on Android. - https://goo.gl/eqntMs
#edge
Microsoft Edge is coming to iOS and Android using WebKit on iOS and Blink on Android. - https://goo.gl/eqntMs
#edge
Setting Up Webpack, Babel and React From Scratch, Revisited
An updated, detailed step-by-step guide for getting set up, following best practices and giving you a solid ground to start from. - https://goo.gl/aLtZJi
#webpack #babel #react
An updated, detailed step-by-step guide for getting set up, following best practices and giving you a solid ground to start from. - https://goo.gl/aLtZJi
#webpack #babel #react
Muffin Man
Setting up Webpack, Babel and React from scratch, revisited · Muffin Man
Last summer I wrote this post which quickly became my most popular one to day. With webpack 2 and 3 it got outdated, so I decided to write a new...
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
Has a lot of features including timeline charts, value highlighting, and a sparkline mode for dense data. - https://goo.gl/ij3CXe
#taucharts #library
Taucharts
Taucharts One |
Open source D3.js-based charting and visualization library
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
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
Google Developers
New in Chrome 62 | Web
| Google Developers
| Google Developers
What's new in Chrome 62 for developers? Improved Network Information API, Support for OpenType Variable Fonts, new ways to capture media and more!
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
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
Snipcart
Vue.js Transitions & Animations: Production-Ready Examples - Snipcart
Learn how to handle production-ready Vue.js transitions & animations with live CodePens, in-depth explanations, code snippets, and more.
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
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
Service Worker Gotchas
Potential pitfalls to be aware of and understand when using service workers. - https://goo.gl/czjBnT
#serviceWorker
Potential pitfalls to be aware of and understand when using service workers. - https://goo.gl/czjBnT
#serviceWorker
Kollegorna
Service Worker gotchas – Kollegorna
by Osvaldas Valutis, Designer & Front-End Developer
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 using flexbox to align, layout and distribute space among elements. - https://goo.gl/D1gMrU
#css #felxbox
The Practical Dev
Design Layouts - Flexbox
The flexbox model gives us an efficient way to align, layout and distribute space among elements within document.
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
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
freeCodeCamp
Write blazing fast Vue unit tests with Tape and Vue Test Utils
Tape is the fastest framework for unit testing Vue components.
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
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
Server Side Up
Configuring Vue Router for a Single Page App - Server Side Up
Configure your Single Page App's routes using Vue Router. Vue Router is a perfect tool for handling the hard parts of the HTML5 History API.
This media is not supported in your browser
VIEW IN TELEGRAM
UI Design for iPhone X: Top Elements and the Notch
How to deal with top elements and the notch when designing for the iPhone X. - https://goo.gl/bQA6Bv
#ui #design #iPhoneX
How to deal with top elements and the notch when designing for the iPhone X. - https://goo.gl/bQA6Bv
#ui #design #iPhoneX
A JavaScript’s Promise That Leaks Memory (and Why)
What you can do about memory leaks in recursive loops. - https://goo.gl/92p4aX
#promise
What you can do about memory leaks in recursive loops. - https://goo.gl/92p4aX
#promise
alexn.org
JavaScript's Promise Leaks Memory
JavaScript's Promise leaks memory in recursive loops and what you can do about it.
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
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
JavaWorld
API-driven development with OpenAPI and Swagger
Get started with API-driven development for cloud and microservices architectures
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
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
Medium
Vue 2.5 released
We are excited to announce the release of Vue 2.5 Level E!
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
‘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
Medium
Debounce Your React and Redux Code to Improve Performance
A debounce is a tool that every web developer should have in their kit. It improves performance by limiting the number of expensive…
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
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
SitePoint
Ember.js: The Perfect Framework for Web Applications — SitePoint
Ember.js lets you scaffold and build complex frontend web applications quickly. Graham Cox explores this popular, batteries-included JavaScript framework.
6 Myths of Progressive Web Apps
Busting some of the common myths surrounding PWAs. - https://goo.gl/TL2JPS
#pwa
Busting some of the common myths surrounding PWAs. - https://goo.gl/TL2JPS
#pwa