Issue #563  (Support, Frameworks, JSON/DB, Vue)05/02/24

The Complete JavaScript Course 2024: From Zero to Expert This is an up-to-date JavaScript course covering modern techniques and features that will help you be job-ready. The course includes 68+ hours of HD video, walking you through how to build 6 beautiful real-world projects to add to your portfolio. The material is not just a "do as I do" set of lessons, but you'll learn modern JavaScript concepts like ES6 modules, classes, promises, async/await, along with tooling like npm, Parcel, and Babel. The course covers ECMAScript features from 2022 and beyond, in addition to older concepts that will help you become a JavaScript expert. Check Out the Course Outline →

As many of you know, I've been writing this newsletter since 2013! Amazing how long it's been and how much the web development industry has changed over that time period.

One thing that's been happening lately, as you've probably noticed, is that there is a huge amount of saturation in the newsletter industry. That's making it harder and harder to make a newsletter profitable. It's harder to find sponsors, which often leads to creators like myself using affiliate links, pay-per-click advertising, or even ad swaps with other newsletters.

These solutions aren't terrible, but they don't bring in enough money to warrant the time I put into the newsletter each week. So for the first time in more than 10 years, I'm going to start offering my readers the option to support the newsletter directly via donations. I'll never make the newsletter pay-only. But I think it's nice if readers have the option to pay, if they have it in their budget, to help keep the newsletter afloat. So here's my pitch:

Support Web Tools Weekly via GitHub Sponsors

This newsletter has about 13,400 subscribers. If I can get $1 USD per month from 2,000 of those subscribers, I would never have to include an advertisement or affiliate link again.
 
This is a one-person newsletter, I don't have anyone here to help me find sponsors, do marketing, etc. It's literally just me. So I'd love it if you could help fund the newsletter and I can focus on the content without the need to seek out ways to monetize, which nowadays takes many hours every week.

Of course, some of you won't be able to support the newsletter, and that's perfectly fine. Regardless of what happens with funding, none of the content in this newsletter is going to change and it will always be free as long as I continue to do it.

With funding, those who have it in their budget can support the newsletter on behalf of those who can't afford it or who choose not to. It's basically a pay-what-you-want model.

Support Web Tools Weekly with a One-time Contribution

Of course, you don't have to commit to a monthly sponsor schedule via GitHub to offer a contribution. GitHub Sponsors offers a one-time contribution option and you can also do so using PayPal.

From this point on, I will be more aggressively pursuing these types of contributions with, as mentioned, the ultimate goal of removing ads completely from the newsletter.

Thanks to everyone for your continued readership over the years. For those of you who are newly subscribed: I hope this intro doesn't come across as some form of begging. I rarely do this sort of thing, but I'll probably be including more solicitations like this in the ad spots, to help with funding and hopefully removing all ads in the future.

Now on to this week's tools!
 

Web Frameworks

Franken UI — An accessible, HTML-first, framework-agnostic, beautifully designed component library, inspired by shadcn/ui, and based on Tailwind and compatible with Uikit 3.

DesignSystemHunt — A searchable resource for exploring and finding inspiration from design systems build by popular brands (Instagram, Adobe, Wix, etc).

The Complete JavaScript Course 2024 — An up-to-date course consisting of 68+ hours of HD video, looking at both modern and classic JavaScript features, while walking you through how to build 6 beautiful real-world projects.    SPONSORED 

Full Stack FastAPI — A full-stack starter for building projects with the Python-based FastAPI, React, Docker Compose, PostgreSQL, and more.

Kotekan — A full-stack React framework built on Bun that leverages the latest React capabilities including React Server Components and aims to do as little work on top of React as possible.

SaaSKits — A battle tested boilerplate for building SaaS products, built with Remix, Stripe, Prisma, and Resend, and other essential features to build your product quickly.

Atlassian Design System — Official design system from the team at Atlassian, including tokens, components, patterns, and other resources.

JSON Tools, Databases, etc.

react-json-view-lite — A tiny component for React to render JSON as a tree, with a focus on the balance between performance for large JSON inputs and functionality.

go-mysql-server — A data source-agnostic SQL engine and server that runs queries on data sources you provide, using the MySQL dialect and wire protocol.

🎹 STRICH – Barcode Scanning for Web Apps — STRICH brings fast & reliable 1D/2D barcode scanning to the web. You don't need a native app to scan barcodes! Free demo, 30-day trial.    SPONSORED 

Marmot — A Go-based, distributed SQLite replicator built on top of the fault-tolerant NATS JetStream.

SheetSQL — Use SQL queries inside Google Sheets, to transform your Google Sheets data with SQL queries. Free plan allows 100 queries per month.

JSON Canvas — An open file format for infinite canvas data, as a way to view and organize information spatially, like a digital whiteboard.

Astro DB — A fully managed, fast, lightweight, and easy-to-use SQL database, designed exclusively for the Astro build architecture.

Vue Tools

Zoompinch — A Vue component that adds pinch-and-zoom functionality using a virtual canvas for a more native-like zooming experience.

Vue Color Wheel — A color wheel picker for Vue, built on Vite and Vue 3, helpful for selecting colors by visually showing relationships between different colors, aiding in choosing harmonious color schemes for designs.

vue-metamorph — A codemod framework with a built-in CLI and scaffolding tool for Vue projects that lets you do AST-based code manipulation, with support for Vue SFC, JavaScript, TypeScript, CSS, and SCSS.

NuxtHub — A deployment and administration platform for Nuxt, powered by Cloudflare, to deploy your Nuxt apps with a database, key-value, and blob storage with zero configuration, on your Cloudflare account.

Commercial Apps & Classifieds