Web Tools #468 - Frameworks, JSON, Databases, JS Utilities

Web Tools Weekly
WEB VERSION
Tools for Web Developers

Issue #468 • July 7, 2022

Advertisement
Build Internal Tools 10x Faster with Retool
Retool is the fast way for developers to build and share internal tools. Teams at thousands of companies like Amazon, DoorDash, Peloton, and Brex collaborate around custom-built Retool apps to solve internal workflows.

Learn More
Retool

In case you missed it, Stack Overflow recently shared the results of their annual developer survey: Stack Overflow Developer Survey 2022.

Feel free to browse around the different categories covered, but I thought I'd share some of the highlights from the 70,000+ respondents that grabbed my attention that you might find interesting too.

Stack Overflow Developer Survey
  • Rust is the most loved language. I don't feature many Rust tools in this newsletter, but I do come across a lot of them in my research. By contrast, PHP and Objective-C are among the most "dreaded" languages. JavaScript is about the middle of the pack in this area and TypeScript is near the top of the most loved.
  • Phoenix is the most loved framework with Svelte and Deno close behind. Angular and Gatsby are among the most dreaded frameworks.
Most loved frameworks on SO survey
  • Docker and Kubernetes are the two most loved developer tools.
  • Neovim is the IDE that was voted most loved, with VS Code (the most used IDE) coming in second. NetBeans, Eclipse,  and Atom are among the most dreaded.
  • Clojure is the top-paying programming language. Respondents who use Phoenix, DynamoDB, and TextMate are also among the highest paid.
Top Paying Programming Languages on SO Survey
  • Git is easily the most-used version control tool, with more than half of respondents using version control via their code editor.
  • Notion and Slack are among the most loved collaboration tools, with Monday and Airtable among the most dreaded.
There's so much more to unpack in the results, and I'm sure many blogs and other resources will take advantage of that data to determine what types of content to cover. Be sure to check out the full survey results if you haven't done so already.

Now on to this week's tools!
 

Front-end Frameworks

Build Internal Tools 10x Faster with Retool
Retool is the fast way for developers to build and share internal tools. Teams at thousands of companies like Amazon, DoorDash, Peloton, and Brex collaborate around custom-built Retool apps to solve internal workflows.    SPONSORED 

Content Wind
A lightweight Nuxt template to build a Markdown-driven website, based on Nuxt Content, TailwindCSS and Iconify.

Bud
Not exactly a front-end template, but a full-stack extensible framework written in Go, and requires Node 14+.

threejs-andy-bolierplate

A simple starter project for building Three.js projects that includes a basic scene, a load model method, and a simple webpack setup.

Fresh
A next generation web framework, built for speed, reliability, and simplicity, that requires the Deno CLI.

Component Encyclopedia
Not a single framework, but a searchable showcase of component frameworks from various teams that you can examine, use, be inspired by, etc.

Component Encyclopedia

Hardhat Starter Kit
A repo for boilerplate code for testing, deploying, and shipping code for Chainlink, a service for securely connecting 'smart contracts'.

Kaizen
Official design system and design guidelines from Culture Amp, an employee experience platform, with a pretty healthy set of components.

r3f-next-starter
A batteries-included template for using React Three Fiber (R3F) with Next.js, based on create-r3f-app.

Tiny UI
A friendly UI component set for React that's themeable, composable, and accessible.

U.S. Web Design System
A design system for the U.S. federal government, to make it easier to build accessible, mobile-friendly government websites.

ts-nextjs-tailwind-starter
A Next.js + Tailwind CSS + TypeScript starter template packed with useful development features.

Scientific Blog Template
A blog template for science-based blogs that supports components like LaTeX, references and citations, table of contents, and more.
 

JSON Tools, Databases, etc.

The Gist
Check out The Gist, a newsletter covering all the important stuff when it comes to your personal finances and investing. Our friends at Finny break down the top money trends so you don’t have to… all in a 5-minute read twice a week.    SPONSORED 

JSON Hero
Chrome extension for JSON Hero, a JSON viewer with lots of features to browse, search, and navigate your JSON data.

Thin
An instant API for your Postgres DB. Instead of manually writing REST API endpoints or GraphQL resolvers, use a Thin Backend server to automatically get a fully featured API backend on top of your Postgres DB.

JavascriptDB
An open-source Firebase alternative that uses SQLite to help you create full-stack JavaScript apps fast.

FerretDB
An open-source MongoDB alternative, as a response to MongoDB's licensing change in 2018.

SpectaQL
A Node.js library that generates static documentation for a GraphQL schema using a variety of options.

SpectaQL

GraphQL Yoga
A fully-featured, simple to set up, performant, and extendable GraphQL JavaScript server.

YDB
An open-source distributed SQL database that combines high availability and scalability with strong consistency and ACID transactions.

termdbms
A TUI for viewing and editing databases, written in pure Go.

Trino
A fast distributed SQL query engine for big data analytics, formerly known as PrestoSQL.

sqldiff.exe
A command-line utility that displays content differences between SQLite databases.

ShareDB
A real-time database back end based on Operational Transformation (OT) of JSON documents.
 
🔎 I've moved all IDE-related tools to VSCode.Email. This week features the following and more:
  • Customizing the "Open Editors" pane in VS Code
  • A VS Code "Code Runner" to run just about any code snippet
  • Livestreams for the latest VS Code features
Check the archive for the latest issue, and subscribe for more!

JavaScript Utilities

The Gist
Check out The Gist, a newsletter covering all the important stuff when it comes to your personal finances and investing. Our friends at Finny break down the top money trends so you don’t have to… all in a 5-minute read twice a week.    SPONSORED 

email-api
TypeScript utility to send emails using Cloudflare Workers for free.

octaValidate
A tiny script to validate your HTML forms using validation rules, sophisticated regular expressions, and form input attributes.

Knobs
A set of controllers for manipulating DOM elements via CSS interactively. Possibly useful for setting up live demos, tutorials, or documentation.

Color.js
A color conversion and manipulation library from the editors of the CSS Color specifications.
 
Color.js

Nanny State
A simple, fast, and minimal state management solution written in pure JavaScript.

AutoAnimate 
A zero-config, drop-in animation utility that adds smooth transitions to your web app, compatible with React, Vue, Svelte, or any other JavaScript  app.

Parvus
An accessible, open-source image lightbox with no dependencies.

Froebel
A strictly typed TypeScript utility library that's a collection of TypeScript helper functions, like lodash, but with first-class types.

PushIn.js
A lightweight parallax effect, built with JavaScript, that simulates an interactive dolly-in or push-in animation on a web page.

TanStack Table
Headless UI for building powerful tables and datagrids for TypeScript and/or JavaScript.

wikifox.js
A restful, powerful and lightweight JavaScript library for connecting to the Wikipedia API.

CasePolice
A JavaScript utility that corrects the casing on well-known brand names (GitHub not Github, TypeScript not Typescript, etc).

Commercial Apps and Classifieds

These are commercial apps (i.e. not free or limited free plan), paid classifieds, and affiliate links.

Makeswift – Make your Next.js site visually editable

AI2sql – Easily write efficient, error-free SQL without known SQL.

Tailwind Weekly – A Newsletter that levels up your Tailwind CSS skills.  AD 

UseCSV – Add CSV import functionality to your app in minutes.

Malthus – Connect with prospects and leads for your business or agency.  AD 

StepZen – Build a GraphQL API from a REST, DB, and GraphQL backend.

BootrAils – A Ruby on Rails starter kit with admin, authentication, and more.
 

A Tweet for Thought

Ah, so that's why they call it an algorithm.

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

Here's something different for a song release: Weezer, an American rock band that's been around since the mid-90s, created a website that they call Human Record Player, where you can use your mobile device to physically "spin" Weezer's new single as if it was on a real turntable.

Thanks to everyone for subscribing and reading!

Keep tooling,
Louis
@WebToolsWeekly
PayPal.me/WebToolsWeekly

Older messages

Web Tools #467 - CSS Tools, Git/CLI, React

Thursday, June 30, 2022

Web Tools Weekly WEB VERSION Issue #467 • June 30, 2022 Advertisement Meet Filestack: The All-In-One File Handling Service Filestack is the premier service designed to meet all your file handling needs

Web Tools #466 - WebPageTest, JS Libraries, Media Tools, Uncats

Thursday, June 23, 2022

Web Tools Weekly WEB VERSION Issue #466 • June 23, 2022 The following intro is a paid product review for WebPageTest, a suite of performance products and resources for developers and teams. If you'

Web Tools #465 - VS Code, Frameworks, Build Tools, React Native

Friday, June 17, 2022

Web Tools Weekly WEB VERSION Issue #465 • June 16, 2022 Advertisement Build Internal Tools 10x Faster with Retool Retool is the fast way for developers to build and share internal tools. Teams at

Web Tools #464 - Jamstack, JS Utilities, Git/CLI Tools

Thursday, June 9, 2022

Web Tools Weekly WEB VERSION Issue #464 • June 9, 2020 Advertisement Beautiful Link Previews Automagically Mugshot Bot creates stunning link previews automatically. No more fussing with design tools or

Web Tools #463 - JS Overkill, CSS Tools, Testing, Uncats

Thursday, June 2, 2022

Web Tools Weekly WEB VERSION Issue #463 • June 2, 2022 Advertisement Stepsize: Fix Technical Debt and Ship 2x Faster Create and view code issues directly from your VSCode and JetBrains editors. Add

You Might Also Like

📧 Building Async APIs in ASP.NET Core - The Right Way

Saturday, November 23, 2024

​ Building Async APIs in ASP .NET Core - The Right Way Read on: m​y website / Read time: 5 minutes The .NET Weekly is brought to you by: Even the smartest AI in the world won't save you from a

WebAIM November 2024 Newsletter

Friday, November 22, 2024

WebAIM November 2024 Newsletter Read this newsletter online at https://webaim.org/newsletter/2024/november Features Using Severity Ratings to Prioritize Web Accessibility Remediation When it comes to

➡️ Why Your Phone Doesn't Want You to Sideload Apps — Setting the Default Gateway in Linux

Friday, November 22, 2024

Also: Hey Apple, It's Time to Upgrade the Macs Storage, and More! How-To Geek Logo November 22, 2024 Did You Know Fantasy author JRR Tolkien is credited with inventing the main concept of orcs and

JSK Daily for Nov 22, 2024

Friday, November 22, 2024

JSK Daily for Nov 22, 2024 View this email in your browser A community curated daily e-mail of JavaScript news React E-Commerce App for Digital Products: Part 4 (Creating the Home Page) This component

Spyglass Dispatch: The Fate of Chrome • Amazon Tops Up Anthropic • Pros Quit Xitter • Brave Powers AI Search • Apple's Lazy AI River • RIP Enrique Allen

Friday, November 22, 2024

The Fate of Chrome • Amazon Tops Up Anthropic • Pros Quit Xitter • Brave Powers AI Search • Apple's Lazy AI River • RIP Enrique Allen The Spyglass Dispatch is a free newsletter sent out daily on

Charted | How the Global Distribution of Wealth Has Changed (2000-2023) 💰

Friday, November 22, 2024

This graphic illustrates the shifts in global wealth distribution between 2000 and 2023. View Online | Subscribe | Download Our App Presented by: MSCI >> Get the Free Investor Guide Now FEATURED

Daily Coding Problem: Problem #1616 [Easy]

Friday, November 22, 2024

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Alibaba. Given an even number (greater than 2), return two prime numbers whose sum will

The problem to solve

Friday, November 22, 2024

​ Use problem framing to define the problem to solve This week, Tom Parson and Krishna Raha share tools and frameworks to identify and address challenges effectively, while Voltage Control highlights

Issue #568: Random mazes, train clock, and ReKill

Friday, November 22, 2024

View this email in your browser Issue #568 - November 22nd 2024 Weekly newsletter about Web Game Development. If you have anything you want to share with our community please let me know by replying to

Whats Next for AI: Interpreting Anthropic CEOs Vision

Friday, November 22, 2024

Top Tech Content sent at Noon! How the world collects web data Read this email in your browser How are you, @newsletterest1? 🪐 What's happening in tech today, November 22, 2024? The HackerNoon