Web Tools #434 - JS Quiz, React, Build Tools, Uncats

Web Tools Weekly
WEB VERSION
Tools for Web Developers

Issue #434 • November 11, 2021

Advertisement
Need a Better Way to Test Your Web App? Testim's Advanced AI Automates UI Testing.
Your dynamic web application needs test automation that keeps pace. Testim’s fast authoring with code flexibility boosts coverage, AI-powered stability slashes maintenance, and TestOps helps scale your team and testing efficiently.

Start Testing For Free
Testim

I know many of you enjoy unique little JavaScript tidbits, which I've often included in the intro of this newsletter. Well, in that case, you'll want to try out JavaScript Quiz, created by Marko Denic and Oliver Jumpertz.

Before reading on here, feel free to try out the quiz. What's cool about this one is that it's 10 questions, but the questions are chosen randomly from a larger pool of questions. So you can do the quiz over and over and get all sorts of different versions, testing your knowledge of some of JavaScript's little quirks and anomalies – especially when it comes to type coercion and how objects are concatenated in unconventional circumstances.

JavaScript Quiz

I believe the first time I did the quiz I was only able to get 4/10. The things the quiz covers aren't exactly stuff you're going to run into every day. This is more of the nerdy JS stuff that many of us have come across over the years.

Of course, a lot of the correct answers are puzzling at first glance so, as many of these types of quizzes do, there is an explanation for each correct answer, most of which aren't too difficult to digest even if you're a JavaScript beginner.

JavaScript Quiz with Explanation

As shown in the image above, just click the "i" icon to get more info after you've submitted your answer (which is multiple choice, so you don't have to actually write any code or write out a full log).

And if you like those sorts of bizarre coding tidbids, you'll love Gary Berhardt's 2012 presentation that I never get tired of watching.

Now on to this week's tools!

 

React Tools

Need a Better Way to Test Your Web App? Testim's Advanced AI Automates UI Testing.
Your dynamic web application needs test automation that keeps pace. Testim’s fast authoring with code flexibility boosts coverage, AI-powered stability slashes maintenance, and TestOps helps scale your team and testing efficiently. sponsored 

react-burger-menu
An off-canvas sidebar menu triggered with a hamburger icon as a React component, with a collection of effects and styles using CSS transitions and SVG path animations.

React UI ScrollSpy
A customizable, easy-to-use, and lightweight ScrollSpy component for React that implements scrolling navigation functionality similar to the Bootstrap docs.

ReactDataGrid
A data grid component for React. The community version is free and includes quite a few features that might be enough for most projects.

ReactDataGrid

react-collapsed
A custom hook for creating accessible expand/collapse components in React. Animates the height using CSS transitions from 0 to auto.

React Hover
React component to turn anything into a 'hoverable' object.

Iconsax React
1000 icons in 6 different styles (linear, outline, bold, two-tone, etc.) for React and React Native.

Reactronica
React audio components for making music in the browser, based on React's state management features.

react-simple-image-slider
A simple image slider component for React that can be customized with a number of options and styled via CSS.

React OxIDE
A simple IDE-like code editor interface that you can add to your React projects that includes a file pane, code pane, and preview pane.

Nice Modal
A small, zero-dependency utility to manage modals for React. It uses context to persist state globally to show/hide a modal easily.

react-signature-pad-wrapper
A React wrapper for Signature Pad, an old JavaScript utility that lets you embed a signature writing component for users to 'sign' and save a signature.

react-ux-form
A simple, fast, and opinionated form library for React and React Native with a focus on user experience.

Build Tools, Bundlers, etc.

Nudge
Are you building content-driven sites? You should check out Nudge. Nudge has built a privacy-first analytics stack for content marketers. With an easy to use dashboard, anyone can use it.  sponsored 

Arcsecond
A zero-dependency, parser combinator library for JavaScript, largely inspired by Haskell's Parsec.

create-vue
An easy way to start a Vue project, along the same lines as create-react-app and similar tools.

Node Version Manager
An older, but popular project that offers a POSIX-compliant Bash script to manage multiple active Node.js versions.

Loadr
Quickly attach multiple ESM Loaders and/or Require Hooks together but without the repetitive `--experimental-loader` and/or `--require` Node flags

webpack-json-access-optimizer
A webpack plugin to tree-shake and minify JSON modules, for example, JSON for internationalization.

JavaScript Bundling for Rails
Bundle and transpile JavaScript in Rails with esbuild, Rollup, or webpack.

Create Go App CLI
For Go language projects. Create a new production-ready projects with back end, front end, and automated deploys by running one CLI command.

Elecrue
A boilerplate generator for Electron that generates boilercode for React or Vue, with Bootstrap or Tailwind.
 
Elecrue

Agrippa
A CLI tool to assist React developers in creating components without the boilerplate. Can generate templates for React components of different compositions and in different environments.

Remix Auth
A complete open source authentication solution for Remix.run (which technically isn't available to the public yet, so I assume this is for those who have invites).

On the Release Radar:

The Uncategorizables

Content Measurement API
If you’re building content hubs, experiences, virtual events, you should check out the Nudge API. Nudge has created a content-first analytics stack, measure, get insight and take action with their API.   sponsored 

Google Dev Library
A platform from Google Developers to showcase projects and articles that developers have built with Google technologies.

TiddlyWiki
A complete interactive wiki in JavaScript that you can use as a non-linear personal web notebook.

Uptime Kuma
A fancy self-hosted open-source monitoring tool, similar to other commercial projects for uptime monitoring.

Extract Table
Extract a table from an image or a PDF using AWS Textract (a service provided by Amazon.

Denoflare
Develop, test, and deploy Cloudflare Workers with Deno.
 
Denoflare

PDM
A modern Python package manager. This might be the first Python tool I've included in 8 years, and maybe the last – so don't get too excited. :)

Quickemu
Quickly create and run optimized Windows, macOS, and Linux desktop virtual machines.

Scribe
An alternative front end for Medium. Just replace medium.com with scribe.rip in the URL and watch your stress levels disappear.

run-wasm
An API to easily execute WebAssembly code snippets on a web page, for example to include interactive code examples in a blog post.

Deta
A free cloud platform for learners and coders of all ages to deploy Node and Python projects quickly with no limits or other hassles.

Faust.js
A headless WordPress framework to make building front-end apps with WordPress as the headless CMS a pleasant experience for both developers and publishers.

Commercial Apps and Classifieds

These are commercial (non-free) tools, paid classifieds, and affiliate links. You can submit a link for consideration or you can buy a classified link (will be marked "ad").

Pirsch - A privacy-friendly, open-source alternative to Google Analytics.

Morning Brew - A daily newsletter to keep you informed & entertained. ad 

ScrollingMockup.io - Create beautiful, scrolling mockup videos in 5 minutes.

MoonHome - Remote development environment service.

Wynter - Earn $90-$200/hr doing 10-15 min research surveys. ad 

positionstack - Geocoding and embeddable maps API.
 

A Tweet for Thought

Dan Hollick shares a 4-part graphic on how touch screens work. As one user points out, now you'll understand why they don't work with gloves on. :)

A Tweet for Thought
 

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...

Feeds Mage is a service that lets you discover blogs and newsletters of the people you follow on Twitter. Requires some access to your Twitter account, but nothing major if you want to give it a try.

Thanks to everyone for subscribing and reading!

Keep tooling,
Louis
@WebToolsWeekly

Support this newsletter:
PayPal.me  Patreon / GitHub Sponsors  E-Books / Buy Me a Coffee

Older messages

Web Tools #433 - VS Code Tips, Frameworks, JS Utils, React Native

Thursday, November 4, 2021

Web Tools Weekly WEB VERSION Issue #433 • November 4, 2021 Advertisement Sell. Win. Celebrate. AppSumo. AppSumo is the #1 digital marketplace for entrepreneurs, get your name in front of 1M+

Web Tools #432 - CSS Tools, Testing/Debugging, Media/SVG

Thursday, October 28, 2021

Web Tools Weekly WEB VERSION Issue #432 • October 28, 2021 Advertisement Retool is the Fast Way to Build Internal Tools Visually design apps that interface with any database or API. Switch to code to

Web Tools #431 - App Notifications, VS Code, DB, Git/CLI Tools

Thursday, October 21, 2021

Web Tools Weekly WEB VERSION Issue #431 • October 21, 2021 The following intro is a paid product review for Courier, a platform and API to easily add multi-channel notifications to your web app. Many

Web Tools #430 - JS Libraries, React Tools, Uncats

Thursday, October 14, 2021

Web Tools Weekly WEB VERSION Issue #430 • October 14, 2021 Advertisement Retool - Build Internal Tools 10x Faster Retool gives you a powerful set of building blocks: tables, lists, charts and more.

Web Tools #429 - Frameworks, SVG, React Tools

Thursday, October 7, 2021

Web Tools Weekly WEB VERSION Issue #429 • October 7, 2021 Advertisement Retool - Build Internal Tools 10x Faster Retool gives you a powerful set of building blocks: tables, lists, charts and more.

You Might Also Like

Import AI 399: 1,000 samples to make a reasoning model; DeepSeek proliferation; Apple's self-driving car simulator

Friday, February 14, 2025

What came before the golem? ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Defining Your Paranoia Level: Navigating Change Without the Overkill

Friday, February 14, 2025

We've all been there: trying to learn something new, only to find our old habits holding us back. We discussed today how our gut feelings about solving problems can sometimes be our own worst enemy

5 ways AI can help with taxes 🪄

Friday, February 14, 2025

Remotely control an iPhone; 💸 50+ early Presidents' Day deals -- ZDNET ZDNET Tech Today - US February 10, 2025 5 ways AI can help you with your taxes (and what not to use it for) 5 ways AI can help

Recurring Automations + Secret Updates

Friday, February 14, 2025

Smarter automations, better templates, and hidden updates to explore 👀 ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

The First Provable AI-Proof Game: Introducing Butterfly Wings 4

Friday, February 14, 2025

Top Tech Content sent at Noon! Boost Your Article on HackerNoon for $159.99! Read this email in your browser How are you, @newsletterest1? undefined The Market Today #01 Instagram (Meta) 714.52 -0.32%

GCP Newsletter #437

Friday, February 14, 2025

Welcome to issue #437 February 10th, 2025 News BigQuery Cloud Marketplace Official Blog Partners BigQuery datasets now available on Google Cloud Marketplace - Google Cloud Marketplace now offers

Charted | The 1%'s Share of U.S. Wealth Over Time (1989-2024) 💰

Friday, February 14, 2025

Discover how the share of US wealth held by the top 1% has evolved from 1989 to 2024 in this infographic. View Online | Subscribe | Download Our App Download our app to see thousands of new charts from

The Great Social Media Diaspora & Tapestry is here

Friday, February 14, 2025

Apple introduces new app called 'Apple Invites', The Iconfactory launches Tapestry, beyond the traditional portfolio, and more in this week's issue of Creativerly. Creativerly The Great

Daily Coding Problem: Problem #1689 [Medium]

Friday, February 14, 2025

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Google. Given a linked list, sort it in O(n log n) time and constant space. For example,

📧 Stop Conflating CQRS and MediatR

Friday, February 14, 2025

​ Stop Conflating CQRS and MediatR Read on: m​y website / Read time: 4 minutes The .NET Weekly is brought to you by: Step right up to the Generative AI Use Cases Repository! See how MongoDB powers your