Web Tools #520 - Frameworks, Build Tools, React Native & Mobile

Advertisement

If you're into investigating the quirks and other anomalies of a particular programming language, you might want to check out a GitHub repo by Kim Bouchouaram called Tragic Methods.

As the README explains, it's "A collection of scripts depicting the strange quirks of programming languages."

It currently covers eight different languages, but most of the sections are still in early stages. The most populated section is (of course!) is the JavaScript section. No surprise seeing how popular JavaScript is but also how bizarre it can be.

The JavaScript section covers peculiarities on the following topics:

• Array Sorting
• Automatic Semicolon Insertion
• Conflicting Completion Records
• indexOf without arguments
• Infinite Circular References
• NaN
• Proxy Chains
• Schrodinger's regex
• typeof null

Some of these I already knew about but a lot of them were new to me, and I'm sure some will be new to you. Worth checking out if you like to examine some of the weird parts of JavaScript.

The other languages include Go, C, C++, Java, Python, and PHP, and a few others. But, like I said, the only section that has a significant amount of content is the JavaScript one. If you're familiar with the quirks of any of these languages, maybe you can contribute something!

Now on to this week's tools!
 

Web Frameworks

shadcn-svelte
An unofficial port of shadcn/ui, this one for Svelte, providing a set of beautifully designed, accessible, and customizable components.

Horizon AI Template
A ChatGPT admin template for React, Next.js, and Chakra UI, that includes 30+ dark/light individual elements (buttons, inputs, navbars, nav tabs, cards, etc).

Create Next Stack
A website and CLI tool to easily set up a boilerplate for new Next.js apps, with options to pick from an array of technologies often used alongside Next.js.

Sharpen Your Math, CS, and Data Skills in 15 Minutes a Day
For professionals and lifelong learners alike, Brilliant is one of the best ways to learn. The deets: Bite-sized interactive lessons make it easy to level up in everything from math and data science to AI and beyond. Join 10+ million people building skills every day.   SPONSORED 

Rewind-UI
A React component library that provides a set of accessible, reusable, and customizable components that are themeable and pre-styled with Tailwind.

NoCode API Builder Template
A no-code API builder template for projects built with Next.js, Tailwind, TypeScript, and NoCode JS (a library of components for JS, TS, React, and Angular).

Next.js Enterprise Boilerplate
An enterprise-grade Next.js boilerplate for high-performance, maintainable apps built with Tailwind CSS, TypeScript, ESLint, Prettier, testing tools, and more.

digital-garden
An open source blog (or digital garden) template for developers, based on Next.js app router, MDX, Contentlayer, Tailwind CSS, @shadcn/ui, Lucide Icons, and more.

NuxtLabs UI
Fully styled and customizable components for Nuxt, built with Headless UI and Tailwind, HMR support, dark mode, LTR/RTL, fully typed, and more.

The Epic Stack
An opinionated full-stack app starter featuring Remix, Fly deployment, Docker, SQLite, Grafana, Mailgun, Prisma, and lots more.

Starlight
A framework and toolset to help you build beautiful, high-performance documentation websites with Astro.
 

Build Tools, Bundlers, etc.

upgrade-remix
A command-line utility that automatically detects the relevant @remix and @remix-run/* packages to upgrade all Remix dependencies together.

eslint-plugin-check-file
A set of ESLint rules to allow you to enforce a consistent naming pattern for file names and folders.

Goxygen
A Go-based tool to generate a modern web project with Go and Angular, React, or Vue in seconds.

Get Smarter in 5 Minutes with Morning Brew (It's Free)
There's a reason over 4 million people start their day with Morning Brew – the daily email that delivers the latest news from Wall Street to Silicon Valley. Business news doesn't have to be boring...make your mornings more enjoyable, for free.    SPONSORED 

concurrent.js
A dynamic module importer like `require` and `import`, but instead of loading a module into the main thread, it loads the module into a background thread.

Jake
A really old but still maintained project. It's one of the original JavaScript build tools, similar to Make or Rake but built to work with Node.js.

ts-npm-template
A low-configuration project template to bootstrap npm package development with Typescript.

Fir
A Go-based toolkit to build reactive web interfaces using Go, Go's html/template feature, and Alpine.js.

vite-plugin-warmup
A package to warm up Vite's transform cache as soon as the server initializes, for faster overall file serving.

lazyrepo
A zero-config caching task runner for npm, pnpm, or yarn monorepos, with a human-friendly config format and sensible defaults.

t3-env
A TypeScript package, which currently requires Zod for validation, that helps you avoid deploying your app with invalid environment variables.
 

React Native and Mobile Tools

React Native Iconify
A library that simplifies the use of icons in React Native projects and provides access to 150,000+ icons.

Chai Stack
An opinionated React Native stack based on TypeScript, Expo Router, Tailwind/NativeWind, and Zustand (for state management).

Quick SQLite
A fast react-native SQLite library built using JSI that embeds the latest version of SQLite and provides a low-level JSI-backed API to execute SQL queries.

React Native SVG
An SVG library for React Native, React Native Web, and plain React web projects.

Sharpen Your Math, CS, and Data Skills in 15 Minutes a Day
For professionals and lifelong learners alike, Brilliant is one of the best ways to learn. The deets: Bite-sized interactive lessons make it easy to level up in everything from math and data science to AI and beyond. Join 10+ million people building skills every day.   SPONSORED 

React Native Replicache
A plug-in that provides React Native compatibility bindings for Replicache, a client-side datastore and synchronous framework for building local-first web apps.

React Native WebView
A community maintained WebView component for React Native, intended to be a replacement for the built-in WebView (which was removed from the core library).

react-native-chatgpt
A React Native wrapper around ChatGPT, to seamlessly integrate it with your applications. It handles authentication, streamed responses, and keeping track of conversations, all without the need of a server.

react-native-reanimated-image-viewer
A tiny, TypeScript-based image viewer for React Native created with Reanimated, with features like 120 FPS, pinch to zoom, double tap, swipe-to-close, and more.

React Native Android Widget
An open-source library for building Android widgets using React Native, without touching the native side.
 

Commercial Apps and Classifieds

A Tweet for Thought

There's an entire Twitter account devoted to informing you if you can pet the dogs in video games. The game in this Tweet is clearly from the Devil.
   

Send Me Your Tools!

Made something? Reply to this email or 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...

The Periodic Table of WordPress Plugins celebrates the 20th anniversary of WordPress by showcasing the 108 most popular WordPress plugins. If you run one or more WordPress websites, maybe you'll find a new plugin to use.

Thanks to everyone for subscribing and reading!

Keep tooling,
Louis
@WebToolsWeekly
PayPal.me/WebToolsWeekly