Issue #376 (Gatsby, JS Utils, Mobile Tools, Build Tools)
As many of you know, and as is obvious simply by the existence of this newsletter, building websites today is not easy due to the abundance of available tooling.
To help with this, there are powerful tools like Gatsby. Gatsby has been lumped in with Static Site Generators or the Jamstack, but it's really much more than just a site generator. It's a React Framework plus an entire ecosystem that includes features like:
- CDN + AMP support
- Resource Optimization (responsive images, critical CSS, etc.)
- PWA support with prefetching, offline access, etc.
- Developer-friendly features like components, one-way data binding, and asset pipelines.
Well, if you feel like learning a technology like Gatsby is overwhelming, Wes Bos has got your back! He's just launched a new course:
The course will help you go from zero to hero with this popular framework in a series of practical modules. The master package includes:
- 52 HD videos (part of 13 modules)
- Free updates forever for a one-time cost
- A step-by-step walk-through of building the website for a local pizza joint, incorporating all the features you learn in the course
As you might know, Wes's courses are extremely popular and even though I haven't tried this one myself, I fully endorse his stuff, having tried out some of his previous material.
And full disclosure: if you purchase the course using the links here, I'll get a cut. So if you're in the market for any of his courses, consider it a small way to support this newsletter while getting yourself a fantastic product with a money back guarantee.
Buy Master Gatsby by Wes Bos Today! ($97)
Now on to this week's tools!
Duet Date Picker
An accessible date picker you can use with any framework and it offers a number of different customizations and options.
Compact pane library for fine-tuning parameters and monitoring value changes.
A bare-bones, extensible carousel library with great fluid motion and awesome swipe precision. Library agnostic, dependency free, and open source.
Easy to implement, 3D typography for the web that works with any font.
The popular utility library is now fully modular. Details here
Utility to detect the file type of a Buffer/Uint8Array/ArrayBuffer
Recommended Reading for Developers:
Mobile and React Native Tools
A brief weekly newsletter for tech professionals. Features articles, tips, and tools for improved productivity. promoted
Gray box end-to-end testing and automation framework for mobile apps.
Figma to Code
A Figma plugin to generate responsive pages and apps in Tailwind, Flutter, and SwiftUI.
A react native PDF view component with cross-platform support.
A Utility-first React Native UI framework.
Developer Tool for converting designs into native mobile code, compatible with Sketch and Adobe XD.
Web service and API to easily create QR codes that can pass data from mobile to desktop.
Build React Native views blazingly fast with components and a debug mode.
At version 5
since earlier this year. Routing and navigation for your React Native apps.
Cross-platform Google/Outlook-like calendar component for React Native.
React Native for Windows + MacOS
A framework from Microsoft for building native Windows or MacOS apps with React.
Bundlers, Build Tools, Deploy, etc.
Build your Typescript-based Node projects using blazing fast esbuild (the fast JS bundler).
Deploys a Next.js project to AWS with comprehensive authentication enabled.
A tiny, 100% type-safe dependency injection framework for TypeScript. You can inject classes, interfaces, or primitives.
A complete solution to package and build a ready for distribution Electron app for macOS, Windows, and Linux with “auto update” support out of the box.
Now at version 2+
. A toolchain for building reusable, scalable Design Systems. Generate small, blazing fast, and 100% standards-based Web Components that run in every browser.
A Vue compiler for Vue 2 that plays nice with ES module imports and Snowpack. It generates templates and component imports from a glob of Vue components.
A Tweet for Thought
From Joe Walnes in 2017: Numbers every frontend developer should aim for. Does this still hold true?
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 want to fool your non-techy friends into thinking you had a Zoom meeting with a bunch of your favourite celebrities you'll want to try out MeetingShot. Ok, probably nobody will believe you, but you'll have a good laugh.
Thanks to all for subscribing and reading!