May Tooling Roundup

JavaScript

https://angelmmiguel.github.io/svgi/

SVGI demostration

svgi is a CLI tool to inspect the content of SVG files. It provides you information about the file, the elements in the SVG and the hierarchy. It also count the number of elements and in the future, it will provide tips to improve the SVG

Automation

When it comes to lowering barriers, even simple automation can be useful. Classnames is a package that can be in almost every single file in a React jsx project and as such is an interesting candidate for “compiling away”. This could be done via automated imports in an editor, or as Giuseppe did, written as a syntax layer into a babel plugin that handles the import automatically.

K8s Operators

Recently a framework to build K8s operators came about. If you don’t know what an operator is, imagine it like the automation of the job of a human operator. They allow you to extend the Kubernetes APIs using Custom Resources to automate the operation of software.

operator-framework/operator-sdk

Introducing the Envoy Operator for Kubernetes

Gatsby

Jest

Jest 23: 🔥 Blazing Fast Delightful Testing · Jest

GraphQL

https://github.com/confuser/graphql-constraint-directive

https://twitter.com/graphcool/status/994634016518262784?s=19

https://github.com/abhiaiyer91/apollo-fragment

https://twitter.com/AbhiAiyer/status/998354535222411264?s=19

Formik Helpers

https://twitter.com/jaredpalmer/status/993861053086920704?s=19

CSS paint polyfill

https://twitter.com/_developit/status/997586914373971968?s=19

Sites and Projects

https://twitter.com/JoshWComeau/status/999285067502505984?s=19

Multi-package management

Yarn Focused Workspaces

https://twitter.com/bestander_nz/status/999412619764162560?s=19

https://twitter.com/PrettierCode/status/1000819715374272515?s=19

https://twitter.com/popmotionjs/status/1001573037957935105?s=19

React

Conditional wrap

Add a prop to the API for conditionally rendering or use a higher order component? (Tooltips)

https://twitter.com/thekitze/status/1002449068105392128?s=19

Reach Router

Reach Router could easily be considered “React Router v5" and is leading the charge on React components distributed with accessibility built in.

https://twitter.com/ryanflorence/status/1002218160517300224?s=19

Automata

https://twitter.com/MicheleBertoli/status/993203521951555584?s=19

GitHub

Checks API

https://developer.github.com/v3/checks/

“Just fix it for me”

https://twitter.com/keavy/status/999350745127243776

Hub

https://twitter.com/mislav/status/1001481721752309761?s=19

Other

Histore

https://twitter.com/_developit/status/993568496188510216?s=19

Kit

https://twitter.com/getcompositor/status/1001860844752433153?s=19

Prerendering

https://github.com/GoogleChromeLabs/prerender-loader

Local Repl

https://github.com/sloria/local-repl

ExplainShell

https://explainshell.com

http://colororacle.org

https://twitter.com/thekitze/status/1002468668218007552?s=19