Issue #346 (JS Quiz, Text Editors, Testing, React)
Now on to this week's tools!
Text Editors, IDEs, etc.
Be in the Know on Emerging New Trends
Subscribe to our mailing list to receive reports on the latest trends in products, markets, companies, and styles. We constantly analyze over 300,000 blogs, forums, portals and social media accounts to keep track of the emergence of new trends at the earliest stages. sponsored
An automatic window resizing plugin for Vim. Automatically resizes windows when their content exceeds their window dimensions, but does so respecting some minimum and maximum resize bounds.
A multi-purpose native Windows and Mac app to help you manage your development projects. Has features for projects, package installation, script management, and more.
Full-featured visual editor and code generator for React using Chakra UI (the React component library).
An online IDE for connecting APIs together, for makers and developers alike.
A code coverage solution to improve your code review workflow and quality. Provides highly integrated tools to group, merge, archive, and compare coverage reports.
Provides managed and dedicated cloud IDEs, hosted private cloud solutions and DevOp pipelines. Users can access on-demand IDEs for development.
Online or native WYSIWYG editor for Markdown for Mac, Windows, and Linux.
Interactive regex cheatsheet for searching for common or complex regular expression solutions.
VS Code plugin to subtly change the color of your workspace. Ideal when you have multiple VS Code instances and you want to quickly identify which is which.
Testing and Debugging Tools
Helps you support and learn from developers as they build with your products. See how developers use your product by watching their screens, code changes, and open applications.
A "WYSIWYG" (kind of) scripting language and run-time for browser automation.
Now at version 12+. A developer-oriented browser that provides businesses with a development workspace for teams and freelancers to develop and test modern web applications twice as fast.
All-in-one website maintenance and performance monitoring tool that continuously monitors and reports 2800+ data points.
A Node.js library to beautify console.logs with colors, making them easier to read and more useful.
Evaluate a module in a sandbox with in-memory module resolution.
Dead React components finder to find components no longer in use.
Detect what kind of CI environment the program is in (e.g. Jenkins, GitLab, Netflify, Travis-CI, etc).
A highly composable logging library written in TypeScript, used for both client and server applications.
A customizable edit-in-place WYSIWYG component for enabling user-editable pages in React.
Declarative data-fetching and caching framework for REST APIs with React.
React Tiny Fab
A tiny (~700 byte gzip'd) WAI-ARIA compliant floating action button for React. The home page has the button working in the bottom right corner if you want to see what this does.
a thin React wrapper around roughViz, the library for creating sketchy/hand-drawn styled charts in the browser.
React Awesome Slider
React content transition slider. A 60fps, lightweight, performant component that renders an animated set of production-ready general purpose sliders.
A lightweight tooltip library for React based on Tippy.js and powered by Popper.js.
Azure Active Directory Library (ADAL) support for React.
The official React interface for iFrame Resizer, a library that auto-resizes height and width of same- and cross-domain iframes to fit their contained content.
React Puzzle Confirm
This is kind of odd. It's a modal to "confirm" (kind of like a captcha) by fitting a puzzle piece using a slider.
A Tweet for Thought
According to reports, Corona beer sales are not down due to confusion with Coronavirus (despite some false claims). But I did like this tweet by Kelly Vaughn
on that subject.
Got a Tool Suggestion?
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...
Speaking of code editors, Codewerks is a new project that is running a Kickstarter for "software using a streamlined iPad interface that gives you all the flexibility of a Linux machine."
Thanks to all for subscribing and reading!