foxact's Introduction

foxact

React Hooks/Utils done right. For Browser, SSR, and React Server Components.

Documentation

https://foxact.skk.moe

Features

React 18 Safe

All hooks and utils are React 18+ Concurrent Rendering resilient. foxact strictly follows React best practices, e.g. never read and write ref during the render phase, unlike many other open-sourced React Hooks libraries. You can use foxact with <Suspense />, startTransition, <OffScreen /> without worrying about app falling apart.

SSR Friendly

Works perfectly with server-side rendering, incremental static generation, and static site generation.

Supports Next.js (both Pages Directory and App Router), Waku, Gatsby, Remix, and Shopify Hydrogen.

Type Safe and Sound

Written in TypeScript. Unlocking strong typing benefits with TypeScript 4.8+.

Super Lightweight

The entire foxact library has zero dependencies, ensuring a lean and efficient solution. And what's more...

Fully Tree Shakable

Every hook and util is isolated and side-effects free, eliminating unused code and delivering leaner bundles for lightning-fast load times. Feel free to take what you want from foxact without worrying about client bundle size.

License

MIT

foxact © Sukka, Released under the MIT License. Authored and maintained by Sukka with help from contributors (list).

Personal Website · Blog · GitHub @SukkaW · Telegram Channel @SukkaChannel · Mastodon @[email protected] · Twitter @isukkaw · Keybase @sukka

foxact's People

Contributors

Stargazers

Watchers

foxact's Issues

Build Error when using `@swc/core` version greater than 1.3.75

When using @swc/core with a version greater than 1.3.75, the build process fails with the following error message:

[!] (plugin swc) Error: failed to handle: base_dir(``) must be absolute. Please ensure that `jsc.baseUrl` is specified correctly. This cannot be deduced by SWC itself because SWC is a transpiler and it does not try to resolve project details. In other works, SWC does not know which directory should be used as a base directory. It can be deduced if `.swcrc` is used, but if not, there are many candidates. e.g. the directory containing `package.json`, or the current working directory. Because of that, the caller (typically the developer of the JavaScript package) should specify it. If you see this error, please report an issue to the package author.

Temporary Solution:

The temporary solution for now is to pin the @swc/core version to 1.3.75 or lower.

- "@swc/core": "^1.3.75",
+ "@swc/core": "1.3.75",

Error: [foxact] useClipboard: navigator.clipboard is not supported

Hi,i am using foxact.

I deploy my web app using docker in private server.When i want to copy something using useClipboard, i got an error.

Error: [foxact] useClipboard: navigator.clipboard is not supported

How can i fix it?

useLocalStorage: Can the behavior value be `null` even when I set the initial value as expected?

  const [manager, setManager] = useLocalStorage<'npm' | 'pnpm' | 'yarn'>('package-manager', 'pnpm')

Expected: manager cannot be null when I set initial value
Actual: manager can be null

Recommend Projects

sukkaw / foxact Goto Github PK