Issue #167 (JS Utilities, Testing, Deploy/Build)09/29/16
|Support this week's primary sponsor:
But this week I wanted to extend an offer to those of you who have released books, courses, or other resources that you'd like to promote. All you have to do is write a front-end coding tip in about 200-250 words that I can include in this intro. It could even be an excerpt from one of your books or courses. At the beginning and end of the tip, I'll include a link to your book/course (or whatever it is, it could even be a tool you want to advertise).
If you want to see an example of a previous guest tip, see this issue in the archives. And it should be something that hasn't been specifically covered before in this newsletter.
So if you'd like to give it a shot, reply to this email or contact me via my website. I can't guarantee that I'll include every submission, but I'll do my best to make it work for you.
Now on to this week's tools!
"To provide routing to React applications without scattering domain specific language throughout your codebase."
"There is only one difference between Promise.all usage and promise-sequential usage: promise-sequential receive an Array of functions that each returns a promise."
"A simple wrapper for fetch which rejects on HTTP error. Normal fetch does not throw on HTTP error (non-200 status code). This wrapper allows it to do so."
"A simple state management library for your React project. It adopts the unidirectional state flow approach prescribed by Flux, but removes the dispatcher entirely and the contract that comes with it."
"A tiny (2kb) library used to format date with `*** time ago`. e.g.: '3 hours ago'. No dependency. and support automatically updating fuzzy timestamps (e.g. '4 minutes ago' or 'about 1 day ago')."
"Super simple cookie manipulation."
"An input mask library. It can create input masks for phone, date, currency, zip code, percentage, email, and literally anything."
Testing and Debugging Tools
"A small (1.5KB gzip) library for measuring things in your web app, annotating the DevTools timeline, and reporting the results to Google Analytics."
A multi-faceted service for enterprise that includes usability testing, UX benchmarking, monitoring, and more.
"The Firefox debugger that works anywhere."
"Get continuous feedback on how your code affects a user’s web experience."
"Usability testing has never been easier. Get videos of real people speaking their thoughts as they use websites, mobile apps, prototypes and more."
Deployment and Build Tools
React Static Plate
"Build fast static sites with React & CSS Modules."
"Instantly build and ship code anywhere in one consistent process for your entire team."
"Count the total number of modules in a Browserify bundle."
"An ES6+ aware minifier based on the Babel toolchain."
"Build the great products for your users, let Snap handle your build & delivery infrastructure. Continuous Delivery without the hardware hassle."
"A package manager for the SystemJS universal module loader, built on top of the dynamic ES6 module loader."
"A Backbone generator for Yeoman that provides a functional boilerplate Backbone app out of the box."
A Tweet for Thought
Keith Grant has some honest expressions about coding for accessibility.Definitely something we can all work on.
Suggestions / Corrections
Made something? Send links via Twitter @WebToolsWeekly (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email.
Before I Go...
If you want to get started with React, this video by Jordan Leigh might be a good place to begin.
Thanks to all for subscribing and reading!