Test your Redux app by rendering it in Node, simulate user interactions and verify changes in state and markup - https://goo.gl/aajd17
#react #redux #test
#react #redux #test
Hacker Noon
Low effort, high value. Integration tests in Redux apps.
You can test your Redux app by rendering it in node, simulating user interactions and verifying changes in state and markup.
Create sounds right in the browser with the Web Audio API. This post does a good job of starting with the basics and showing off some demos. - https://goo.gl/2hm3jB
#webapi #audio
#webapi #audio
CSS-Tricks
Introduction to Web Audio API | CSS-Tricks
Web Audio API lets us make sound right in the browser. It makes your sites, apps, and games more fun and engaging. You can even build music-specific applic
Create Offline Web Apps Using Service Workers & PouchDB.
How to build offline web apps using Service Workers for client-side caching and PouchDB to store data locally and sync to a server DB. - https://goo.gl/RAdP1B
#serviceworker
How to build offline web apps using Service Workers for client-side caching and PouchDB to store data locally and sync to a server DB. - https://goo.gl/RAdP1B
#serviceworker
SitePoint
Create Offline Web Apps Using Service Workers & PouchDB
Artem Tabalin teaches you to build offline web apps using Service Workers for client-side caching and PouchDB to store data locally and sync to a server DB.
How to Add A Web App Manifest and Mobile-Proof Your Site — Steps to mobile proofing your website for 2017 - https://goo.gl/1CSTfp
#manifest #progressiveweb
#manifest #progressiveweb
Medium
How to add a Web App Manifest and mobile-proof your site
It’s the year 2017, and everyone has a phone — statistically an Android phone, if it’s a smartphone.
The Complete Guide to CSS Grid
Learn everything about the CSS Grid Module in this illustrated guide with practical examples & demos. - https://goo.gl/rCG2q3
#css #grid
Learn everything about the CSS Grid Module in this illustrated guide with practical examples & demos. - https://goo.gl/rCG2q3
#css #grid
Codrops
A Complete Guide to CSS Grid | Codrops CSS Reference
Learn everything about the CSS Grid Module in this illustrated guide with practical examples and demos. A Codrops CSS Reference entry by Hui Jing Chen.
Best Practices for Testing React Components — A handful of quick Jest+Enzyme practices. - https://goo.gl/PDMVvp
#react #jest #test
#react #jest #test
Medium
Testing React Components Best Practices
In this article, we will describe our React components testing practices with Jest+Enzyme which are also applicable to Mocha+Chai.
Creating A Horizontal Scrolling Navigation Control
A simple guide to creating a scrollable panel for touch use, augmented with click and drag functionality for mouse input. - https://goo.gl/oqpj1A
#css
A simple guide to creating a scrollable panel for touch use, augmented with click and drag functionality for mouse input. - https://goo.gl/oqpj1A
#css
Approaches to Testing Service Workers
An incredibly thorough guide to different approaches being taken to test service workers by the Chrome DevRel team. - https://goo.gl/Jxuz5D
#serviceworker #test
An incredibly thorough guide to different approaches being taken to test service workers by the Chrome DevRel team. - https://goo.gl/Jxuz5D
#serviceworker #test
Medium
Testing Service Workers – Dev Channel
In this post we’ll be looking at some of the approaches being taken to test service workers in the latest service worker libraries the…
Comparing Performance Between a Native iOS Swift App and React Native.
I found the results surprising, with React Native often winning. - https://goo.gl/Fqy9dE
#reactnative
I found the results surprising, with React Native often winning. - https://goo.gl/Fqy9dE
#reactnative
Medium
Comparing the Performance between Native iOS (Swift) and React-Native
React-Native is a hybrid mobile framework that lets you build apps using only JavaScript. However, unlike other hybrid mobile technologies…
How Progressive Web Apps Make The Web Great Again.
Understanding Progressive Web Apps and what they have to offer. - https://goo.gl/SW0xQV
#progressiveweb
Understanding Progressive Web Apps and what they have to offer. - https://goo.gl/SW0xQV
#progressiveweb
Webagility
How Progressive Web Apps make the Web great again
What are Progressive Web Apps and Service Workers. Who wins in the battle of Progressive vs Native apps.
An Animated Intro to RxJS
RxJS is a library for composing asynchronous, event-based code around observing and handling changing values over time. - https://goo.gl/wqdKv5
#rxjs
RxJS is a library for composing asynchronous, event-based code around observing and handling changing values over time. - https://goo.gl/wqdKv5
#rxjs
CSS-Tricks
An Animated Intro to RxJS | CSS-Tricks
You might have heard of RxJS, or ReactiveX, or reactive programming, or even just functional programming before. These are terms that are becoming more and
Understanding Component Architecture: Refactoring an Angular App
Jurgen van de Moere takes an existing Angular 2+ app and refactors it into a more modular component architecture. - https://goo.gl/9SB8k4
#angular2
Jurgen van de Moere takes an existing Angular 2+ app and refactors it into a more modular component architecture. - https://goo.gl/9SB8k4
#angular2
SitePoint
Understanding Component Architecture: Refactoring an Angular App — SitePoint
Jurgen Van de Moere takes an existing Angular 2+ app and refactors it into a more modular component architecture, making use of reusable "dumb" components.
5 Node.js Frameworks for End-to-End Web Testing
A quick look at CasperJS, Protractor, Nightwatch.js, TestCafe, and CodeceptJS - https://goo.gl/VO3K1P
#test #endtoend
A quick look at CasperJS, Protractor, Nightwatch.js, TestCafe, and CodeceptJS - https://goo.gl/VO3K1P
#test #endtoend
Medium
Top 5 Most Rated Node.js Frameworks for End-to-End Web Testing
Hello my friends, today we are going to look into the most popular solutions for functional web testing. For my review, I listed the most…
Introducing React Loadable: An Elegant Way to Load Components
We linked to the project last week but here’s a more in-depth explanation. - https://goo.gl/NVT4oa
#react #lazyloading
We linked to the project last week but here’s a more in-depth explanation. - https://goo.gl/NVT4oa
#react #lazyloading
Medium
Introducing React Loadable
Component-centric code splitting and loading in React
React Router v4 Released: Declarative Routing for React
The final release is now out. - https://goo.gl/8bCxtL
#react #router
The final release is now out. - https://goo.gl/8bCxtL
#react #router
ReactRouterWebsite
React Router: Declarative Routing for React
Learn once, Route Anywhere
Retrofit Your Site as a Progressive Web App.
A short, sweet and practical guide showing how to convert an existing site to a simple PWA. - https://goo.gl/eTSALi
#progressiveweb
A short, sweet and practical guide showing how to convert an existing site to a simple PWA. - https://goo.gl/eTSALi
#progressiveweb
SitePoint
Retrofit Your Website as a Progressive Web App — SitePoint
Provide a great mobile experience without building native apps. Craig Buckler walks you through converting an existing site to a Progressive Web App.