Web Tools #396 - Frameworks, JS Utils, React

Web Tools Weekly
WEB VERSION
Tools for Web Developers

Issue #396 • February 18, 2021

In case you missed it, Wes Bos recently launched an update to his super-famous course Fullstack Advanced React & GraphQL. If you've previously purchased the course, the update is totally free. This is great because doing React in this kind of full-stack environment definitely takes a while to master. With new changes to the technologies, it can help to go back through the lessons again.

Fullstack Advanced React & GraphQL

As Wes explains on the site:

"The course has been entirely updated and re-recorded for the latest in React.js, Hooks, Apollo 3 and the Keystone Headless CMS."

The course walks you through building a full stack online clothing store called "Sick Fits", complete with full shopping cart functionality and search. The final part of the course focuses on testing.

Full disclosure: If you purchase the course using the links here, I'll get a cut, so consider it another way to help support this newsletter – and you get a quality product in return. If that particular course is a little out of your league (it's currently out of mine!) you can try one of the others he offers:

All courses have a money-back guarantee and offer free updates for life. Wes's are definitely the best courses on the market. I've literally never heard anyone say anything bad about their experience with his products.
 

Now on to this week's tools!

Front-end Frameworks

Landy
A free React landing page template designed for developers and startups.

Windmill UI
A set of components that includes an admin dashboard template, a PWA-ready React dashboard, and a library of React components for building interfaces.

Next.js Course Template
A Next.js template for creating interactive courses with React.

Tailwind UI Kit
250+ free components and templates based on Tailwind CSS 2.0 and compatible with React, Vue, and Angular apps.

Statik UI
Not free, but this is another Tailwind-based library of fully responsive UI kits and fast code starters to help you build websites in no-time.

Wicked Blocks
An open source growing collection of layout blocks and components built with Tailwind 2 and ready to copy/paste into your projects.

UIsual
Free landing page templates in grayscale (so they're ready to customize), built with plain HTML and CSS, no JavaScript.
 
UIsual

Vitesse
An extremely opinionated Vite starter template that includes file-based routing, component auto-importing, markdown, internationalization, PWA, Tailwind, and more.

Equal UI
A Vue 3 components library with 30+ components, based on TypeScript and a custom design system.

Devfolio
A modern and production-ready personal portfolio plus blog template built with Gatsby and Tailwind.

Release Radar:

JavaScript Utilities

post-me
Communicate with Web Workers and other windows using a simple Promise based API.

tidy.js
Includes a slew of functions for tidying up your data. Sort of like Underscore.js for data wrangling.
 
Tidy.js

Cheval
Copy to clipboard using JavaScript without writing any code. Just include the script and the necessary HTML.

Tagger
Zero-dependency, vanilla JavaScript utility for adding 'tagging' functionality to a form input.

Encrypt Storage
A wrapper for Local Storage that provides a little more security by encrypting the stored data with crypto-js.

Smoldash
A tiny Lodash alternative that aims to be a smaller with modern browsers in mind.

RevoGrid
A spreadsheet-like component compatible with popular JavaScript frameworks and boasting better performance due to fewer DOM updates.

chunkify
Utility to split an iterable (like an array) into evenly sized chunks. Possibly useful for splitting very large groupings for better performance.

Handtrack.js
A library for prototyping real-time hand detection directly in the browser.

TS Belt
A library for functional programming in TypeScript that solves the problem of the existence of both undefined and null.

React Tools

google-pay-button
React component and custom element that enables use of the Google Pay API in your app.

react-use-scrollspy
React Hook to automatically update navigation based on scroll position.

use-count-up
React/React Native component and hook to animate counting up or down to a number.

uniforms
A React library for building forms from any schema, with support for all schemas and themes.

react-hot-toast
A lightweight, customizable, and beautiful notifications library for React, for producing "toast" notification messages.
 
react-hot-toast

ReacType
A visual prototyping tool for React to visualize your app architecture dynamically, employing a drag-and-drop canvas display and a real-time component code preview.

react-rnd
A React component to make an element resizable and draggable.

Remotion
A suite of libraries for creating videos programmatically using React.

react-blessed
A React custom renderer for an old project called blessed, a high-level terminal interface library for Node.js.

react-hcaptcha
A React-based drop-in replacement for reCAPTCHA that protects user privacy, rewards websites, and helps companies get their data labeled.

Homebase React
Makes state management painless by enabling you to plug a relational graph database into your React application with just three lines of code.
 

A Tweet for Thought

I never thought the Flash vs. HTML5 debate would resurface again, but here it is. Lars makes some good points here.

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

If you're looking to earn a tech certification but don't have much of a budget right now, you'll want to check out Free Certifications, a GitHub repo containing a curated list of free courses and certifications.

Thanks to everyone for subscribing and reading!

Keep tooling,
Louis
@WebToolsWeekly

Support this newsletter:
PayPal.me  Patreon  GitHub Sponsors  E-Books  Advertise

Older messages

Web Tools #395 - Frameworks, Tailwind, React, SVG, Icons

Saturday, February 13, 2021

Web Tools Weekly WEB VERSION Issue #395 • February 11, 2021 Advertisement Wynter Research Panels Want to give back to the community while having a low-key side hustle ($90-$180/hr) to fund your habit?

Web Tools #394 - CSS Tools, Icon Sets, Vue Tools

Thursday, February 4, 2021

Web Tools Weekly WEB VERSION Issue #394 • February 4, 2021 The following intro is a paid product review for Snyk, a free platform and toolset for building secure cloud native apps. Large-scale code

Web Tools #393 - JS Utilities, Testing Tools, Jamstack

Thursday, January 28, 2021

Web Tools Weekly WEB VERSION Issue #393 • January 28, 2021 Advertisement The Free Modern Jira Alternative for Teams Tara AI is the simplest free product development tool, designed for teams moving

Web Tools #392 - CSS Tools, VS Code & IDEs, Build Tools

Thursday, January 21, 2021

Web Tools Weekly WEB VERSION Issue #392 • January 21, 2021 In case you missed it back in November, Addy Osmani wrote about a new unofficial specification called the JavaScript Self-Profiling API. This

Web Tools #391 - JS Libraries, JSON/DB, Uncategorizables

Friday, January 15, 2021

Web Tools Weekly WEB VERSION Issue #391 • January 14, 2021 Advertisement Preflect Surveys Websites of all types use Preflect to create fast on-site surveys. Learn more about your visitors, optimize for

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