Issue #167  (JS Utilities, Testing/Debugging, Deploy/Build)


(Skip to the tools section below)


Hey, everyone! As many of you know, I often include quick DOM and JavaScript coding tips in the introduction for this newsletter. I try to do it each week, but things don't always work out. In the past, I compiled previous tips into an e-book for easy reading. And I'll do that in the future too, when I have enough new tips.

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!
 
Support one of this week's sponsors:
Learn More
Get 100,000 emails per month FREE. No gimmicks. No credit card required.

(ads by LaunchBit) 

 

JavaScript Utilities and Modules


React Routify
"To provide routing to React applications without scattering domain specific language throughout your codebase."

promise-sequential
"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."

Fetch Reject
"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."

match-sorter
"Simple, expected, and deterministic best-match sorting of an array in JavaScript."

Tide
"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."

timeago.js
"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')."

cookies.js
"Super simple cookie manipulation."

Text Mask
"An input mask library. It can create input masks for phone, date, currency, zip code, percentage, email, and literally anything."
 
384 Pages of CSS for $7 (PDF E-Book)
 

Testing and Debugging Tools


appmetrics.js
"A small (1.5KB gzip) library for measuring things in your web app, annotating the DevTools timeline, and reporting the results to Google Analytics."

UserZoom
A multi-faceted service for enterprise that includes usability testing, UX benchmarking, monitoring, and more.

debugger.html
"The Firefox debugger that works anywhere."

Errorception
"Find JavaScript errors you aren't even aware of. Your users aren't going to report errors. Errorception is a great way to find those errors."

SpeedCurve
"Get continuous feedback on how your code affects a user’s web experience."

UserTesting
"Usability testing has never been easier. Get videos of real people speaking their thoughts as they use websites, mobile apps, prototypes and more."

Enzyme
"A JavaScript Testing utility for React that makes it easier to assert, manipulate, and traverse your React Components' output."

 
70 JavaScript and DOM Tips for $5 (EPUB, MOBI, PDF)
 

Deployment and Build Tools


React Static Plate
"Build fast static sites with React & CSS Modules."

DeployBot
"Instantly build and ship code anywhere in one consistent process for your entire team."

browserify-count-modules
"Count the total number of modules in a Browserify bundle."

babili
"An ES6+ aware minifier based on the Babel toolchain."

Snap CI
"Build the great products for your users, let Snap handle your build & delivery infrastructure. Continuous Delivery without the hardware hassle."

jspm
"A package manager for the SystemJS universal module loader, built on top of the dynamic ES6 module loader."

Backbone.js generator
"A Backbone generator for Yeoman that provides a functional boilerplate Backbone app out of the box."

boomlet
A bookmarklet compiler. "Encloses, encodes, minifies your JavaScript file and automatically opens an HTML page with your new bookmarklet for immediate use."
 
384 Pages of CSS for $7 (PDF E-Book)
 

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!

Keep tooling,
Louis
webtoolsweekly.com
@WebToolsWeekly
Copyright © Web Tools Weekly, All rights reserved.

Email Marketing Powered by MailChimp