bitsocialnet/bitsocial-react-hooks

bitsocialnet 资料

最近记录的来源活动: 2026年9月16日 15:45

SkillsMP 收录数据更新: 2026年10月26日 11:37

已收集 skills: 24

GitHub 星标: 1
GitHub Forks: 0

仓库 README

仓库 README 来源：README.md

查看 README 源文件

展开完整 README

<p align="center"> <img src="docs/assets/readme/social-preview.png" alt="Bitsocial React Hooks — Build decentralized, serverless social apps with React using a familiar hooks API." width="640" /> </p> # Bitsocial React Hooks <p><strong>Build your corner of the internet.</strong></p> React hooks for communities, feeds, conversations, profiles, accounts, and publishing on the [Bitsocial protocol](https://bitsocial.net). Bring your own interface; the hooks connect it to shared protocol state through Zustand stores. [**Documentation**](https://hooks.bitsocial.net/) · [**Try the playground**](https://hooks.bitsocial.net/#playground) · [API & recipes](docs/reference.md) · [npm](https://www.npmjs.com/package/@bitsocial/bitsocial-react-hooks) [![The Bitsocial React Hooks playground: editable React code beside a social feed with author portraits, post images, and reply counts.](docs/assets/readme/playground.jpg)](https://hooks.bitsocial.net/#playground) *Edit a component and see the result. The playground uses simulated content and publishes nothing.* Supports **React 16.8+**. Used by [5chan](https://github.com/bitsocialnet/5chan). ## Start building Add the package to an existing React app: ```bash yarn add @bitsocial/bitsocial-react-hooks ``` Render this component in the browser with an existing community name: ```jsx import { useCommunity } from "@bitsocial/bitsocial-react-hooks"; export default function CommunityCard({ name }) { const community = useCommunity({ community: { name } }); if (!community.hasCachedData) { return ( <p role="status"> {community.error?.message || "Loading community…"} </p> ); } return ( <article> <h1>{community.title || name}</h1> <p>{community.description}</p> </article> ); } ``` The package initializes a local account automatically. You can also identify a community with `{ publicKey }`, or pass both `{ name, publicKey }`. Hooks share cached data and subscriptions; use `syncState` when you need to show background refresh progress. ## Explore the docs Read the guides at [hooks.bitsocial.net](https://hooks.bitsocial.net/), or browse their source here: - [Quickstart](website/content/quickstart.md) — build your first feed. - [Core concepts](website/content/concepts.md) — communities, accounts, state, and publishing. - [Full API and recipes](docs/reference.md) — the complete hook reference and practical examples. - [Mock content](docs/mock-content.md) — develop a UI with sample data. - [AI context](website/content/ai.md), [llms.txt](llms.txt), and [llms-full.txt](llms-full.txt) — documentation for your coding assistant. ### Run the website locally The site lives in [`website/`](website/README.md). To open the playground and docs in your browser: ```bash cd website corepack yarn install --immutable corepack yarn start ``` ## Contribute Use Node 22 and the repository's pinned Yarn 4 release: ```bash nvm install nvm use corepack yarn install corepack yarn build ``` Read [testing and development](docs/testing.md), [contributor guidance](AGENTS.md), and [verification](docs/agent-playbooks/verification.md) for focused checks. Keep API examples aligned with the public exports and types; after documentation changes, run `corepack yarn llms:generate`. ## License [GPL-3.0-or-later](LICENSE).

正在加载仓库 README…

这个仓库中的 skills

软件开发工程师软件质量保证分析师与测试员客户服务代表

3 个职业分类 · 已分类 92%

skill

职业分类

描述

更新

code-quality-review

未分类

Review a task-owned diff for correctness, regression risk, and unnecessary complexity when a quality review is requested or called for by repository policy.

原文语言：英语

2026-09-16

code-quality-review

未分类

Review a task-owned diff for correctness, regression risk, and unnecessary complexity when a quality review is requested or called for by repository policy.

原文语言：英语

2026-09-16

commit-format

软件开发工程师

Format a Conventional Commit title and optional body when the user asks for commit wording or a commit is being created.

原文语言：英语

2026-09-12

commit

软件开发工程师

Create scoped local commits when the user asks to commit changes.

原文语言：英语

2026-09-12

implement-plan

软件开发工程师

Implement an approved plan, keeping small or coupled work local and delegating substantial independent slices when useful.

原文语言：英语

2026-09-12

readme

软件开发工程师

Create or edit requested README content while verifying package API, examples, and commands.

原文语言：英语

2026-09-12

refactor-pass

软件开发工程师

Simplify code while preserving behavior when the user requests a refactor or cleanup pass.

原文语言：英语

2026-09-12

release-description

软件开发工程师

Draft a concise library release summary from the requested release range.

原文语言：英语

2026-09-12

vercel-react-best-practices

软件开发工程师

Apply relevant Vercel React guidance to this hooks library when reviewing a changed React flow or investigating a performance concern.

原文语言：英语

2026-09-12

you-might-not-need-an-effect

软件开发工程师

Review React effects and memoization when the user requests an effect audit or a change has unclear synchronization needs.

原文语言：英语

2026-09-12

commit-format

软件开发工程师

Format a Conventional Commit title and optional body when the user asks for commit wording or a commit is being created.

原文语言：英语

2026-09-12

commit

软件开发工程师

Create scoped local commits when the user asks to commit changes.

原文语言：英语

2026-09-12

implement-plan

软件开发工程师

Implement an approved plan, keeping small or coupled work local and delegating substantial independent slices when useful.

原文语言：英语

2026-09-12

readme

软件开发工程师

Create or edit requested README content while verifying package API, examples, and commands.

原文语言：英语

2026-09-12

refactor-pass

软件开发工程师

Simplify code while preserving behavior when the user requests a refactor or cleanup pass.

原文语言：英语

2026-09-12

release-description

软件开发工程师

Draft a concise library release summary from the requested release range.

原文语言：英语

2026-09-12

vercel-react-best-practices

软件开发工程师

Apply relevant Vercel React guidance to this hooks library when reviewing a changed React flow or investigating a performance concern.

原文语言：英语

2026-09-12

you-might-not-need-an-effect

软件质量保证分析师与测试员

Review React effects and memoization when the user requests an effect audit or a change has unclear synchronization needs.

原文语言：英语

2026-09-12

review-and-merge-pr

软件质量保证分析师与测试员

Review an open GitHub pull request, inspect feedback from CI, review bots, and human reviewers, decide which findings are valid, implement fixes on the PR branch, and merge the PR into master when it is ready. Use when the user says "check the PR", "address…

原文语言：英语

2026-08-23

deslop

软件开发工程师

Scan recent changes for AI-generated code slop and remove it. Use when the user says "deslop", "remove slop", "clean up AI code", or asks to remove AI-generated artifacts from the codebase.

原文语言：英语

2026-04-08

context7

软件开发工程师

Retrieve up-to-date documentation for software libraries, frameworks, and components via the Context7 API. This skill should be used when looking up documentation for any programming library or framework, finding code examples for specific APIs or features,…

原文语言：英语

2026-03-29

find-skills

客户服务代表

Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill for X". Use this to search the open skill ecosystem.

原文语言：英语

2026-03-29

fix-merge-conflicts

软件开发工程师

Resolve all merge conflicts on the current branch non-interactively, validate the build, and commit. Use when the user says "fix merge conflicts", "resolve conflicts", or when git status shows conflicting files.

原文语言：英语

2026-03-29

issue-format

软件开发工程师

Formats GitHub issue suggestions with a short title and informal problem description. Use when proposing GitHub issues for bugs, features, or improvements discovered during work.

原文语言：英语

2026-03-29

已展示 24 / 24 个已收集 Skill。

用 AI 助手安装

复制这段 Prompt，发给你正在使用的 AI 助手。

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/bitsocialnet/bitsocial-react-hooks.