Issue #208 (Excel in JS, React, Git/CLI, Media)
That's more or less all the modern techniques used plus a few others that are old but maybe not as well known.
Amazing how such a small piece of code can work as inspiration for beginners to the language to learn so many different features. Most of the newsletter articles I've linked to above have links to tutorials and MDN articles, so you'll have lots to delve into.
Now on to this week's tools!
Aims to simplify form management with React and Redux. Ships functional APIs to create your very own form fields and is built with flexibility and customization in mind.
RESTful API fetching and caching for React apps, backed by an immutable state tree.
Fully customizable ~8kb date picker component for React with ARIA support and localization.
Responsive React grid system built with styled-components.
The best way to build animation compositions for React. Design and compose a component to start with, a component to end with, and Flight will take it from there.
Batch component for performant frequent updates.
React for the console. Exports a single React Component called Log. Each child will not be rendered on the DOM, but it will produce a analog representation on the console.
React Content Loader
Component in React and SVG with a collection of loaders that simulate the content will be loaded, similar to Facebook cards.
SVG to JSX
Converts SVG to valid React SVG, written in Svelte.
Git, GitHub, and Command Line Tools
Tool to generate different types of React components from the terminal.
React for CLIs. Build and test your CLI output using components.
Instantly create and organize beautiful content for a variety of purposes, including notes, blogs, wikis, presentations, and slideshows, using content stored on GitHub.
Use GitHub Flavored Markdown to craft a compelling promotion, pitch, or presentation.
follows the lifetime changes of a pathspec (including renames) through the history of a Git repository, providing a simplified log and patch diff format.
Play an image/video in your terminal.
Start building a Preact Progressive Web App in seconds.
Serverless, Trello-like kanban board for GitHub issues.
CLI that automatically generates a new GitHub release and populates it with the changes (commits) made since the last release.
Your friendly neighbourhood script for mangling images or video using audio editing tools.
SVG and Canvas path transition and animation library.
Some best-guess methods for smoothly interpolating between 2-D shapes.
Firefox Add-on that allows you to extract text from images, videos, or PDFs.
Online tool to add a custom watermark to your images.
Image comparison using node-canvas.
A Tweet for Thought
Apparently, facial recognition technology is more common than you think.
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...
The top answer in this thread has to be the most thorough and well-researched answer to the most pointless Stack Exchange question ever. Ah, what people will do for fake internet points.
Thanks to all for subscribing and reading!