Web Tools Weekly
What a Tool!

Issue #326  (JS Infinity, React Tools, Text Editors, Uncats)10/17/19

Advertisement via Syndicate
Never Build a CSV Importer Again
Save weeks of engineering time by implementing a world class importer in your product. Flatfile is a turnkey CSV importer that integrates into any web app, providing an intuitive import experience in hours. Supports JS frameworks.
Try the Importer

Last month I started to write a quick tip on the Infinity value in JavaScript. As I looked up the topic in various references and books, I realized there are quite a few little quirks and interesting facts surrounding Infinity and how it's used as a numeric value.

So I wrote a full blog post on the subject:

The article includes 8 different CodePen demos and covers when Infinity is returned, what the threshold for Infinity is, negative Infinity, and lots more. And if you want more JavaScript quick tips, you'll enjoy my e-books bundle available via Leanpub (you can also buy the books individually if you don't want to buy all three).

Now on to this week's tools!

React Tools

Never Build a CSV Importer Again
Save weeks of engineering time by implementing a world class importer in your product. Flatfile is a turnkey CSV importer that integrates into any web app, providing an intuitive import experience in hours. Supports JS frameworks.    sponsored via Syndicate

Figma plugin that allows you to copy SVG code as a React component so that you don't have to transform it.

A set of React components for animating elements as they scroll into the viewport.

React Spinners
A collection of loading spinner components for React.

A simple way to build a custom React renderer.

Component styling with no performance penalty for React and React Native.

A light and fast date/time picker that relies on native date formatting.

Flexible and lightweight React Native component for UITableView made with CSS.

A simple phone number input field with country selection that, by default, intuitively guesses the country and formats the entered phone number.

Rest Hooks
A library for fetching structured data in React in a performant way with no boilerplate.

React Input Format & Mask.  tiny (~750b) component to transform any input component into formatted or masked input.

Text Editors, IDEs, etc.

Learn React Hooks
A video course for developers who want a linear, hands-on approach to learning React Hooks. Take an existing React app and refactor it to use Hooks. promoted 

A TypeScript Playground for RX JS
A playground for RxJS, a library for reactive programming using Observables that make it easier to compose asynchronous or callback-based code.

GraphQL Editor
Now at version 2+. Visual Editor for GraphQL. Draw GraphQL schemas using visual nodes.

Mesh Spreadsheet
A JavaScript code editor that feels like a spreadsheet and works in the browser offline. Actions on the grid are automatically translated to changes in the JavaScript code.

Modern generic interactive finder and dispatcher for Vim and NeoVim.

View/Edit/Share Page Source
Like a poor person's CodePen. A simple UI for testing code with the ability to share via a URL built with a data URI.

The formerly-popular text editor for Mac is now at version 2+.

A game editor and engine for making small pixel art games right in your browser. The editor has everything you need to develop a game in one convenient location.

Angular Demo Runner
A playground and testing environment for creating Angular-based demos and code samples.

Real-time code collaboration inside any IDE. Turn your IDE into a collaborative space where you can work together in real time.

CSS Initial Value
VSCode extension that shows the initial value of each CSS property when you hover over the property name.

The Uncategorizables

Tech Productivity Newsletter
Looking for productivity tools? I've moved most of them to my new brief weekly newsletter on productivity in tech (view past issues here).  promoted 

Website metrics with privacy in mind. Measure your website traffic and efficiency with non-intrusive metrics that respect the personal data of your users.

Get printable wireframes, mockup, and sketchpads. For those who love to draw ideas on paper and want some good sketchpad templates to speed up the design process.

A Swiss Army Knife for converting files from one markup format to another.

Listen Notes
A search engine for podcasts.

Now at version 9+. An all-in-one web app for encryption, encoding, compression, and data analysis.

Now at version 2+ (details). Makes it easy to write and publish beautiful interactive documentation for your code.

Easily share reusable components between projects and applications to build faster as a team. Develop, publish, and manage shared JavaScript components and modules at any scale without overhead.

Windows, Mac, and Linux app for font management and organization, with a beautiful UI.

IP Geolocation API
A free real-time IP to Geolocation JSON API with detailed country data integration.

A Tweet for Thought

Andy Budd with a Tweet thread outlining his suggestions for a successful tech conference talk.

Send Me Your Tools!

Made something? Send links via Direct Message on 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...

My Octocat allows you build your own custom GitHub mascot, which you can use within the bounds of their guidelines. You can create some fairly crazy and unrecognizable versions of the Octocat, which you can then download as a PNG.

Thanks to all for subscribing and reading!

Keep tooling,