Issue #326 (JS Infinity, React Tools, Text Editors, Uncats)
|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
So I wrote a full blog post on the subject:
Now on to this week's 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
SVG to JSX
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.
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.
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.
Now at version 2+. Visual Editor for GraphQL. Draw GraphQL schemas using visual nodes.
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.
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.
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.
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!