bitsocialnet/bitsocial-react-hooks

記録された最新のソース活動: 2026年10月27日 20:29

SkillsMP カタログ更新: 2026年11月2日 18:02

収集済み skills: 24

GitHub スター: 1
GitHub フォーク: 0

AI アシスタントでインストール

このプロンプトをコピーして、使用中の AI アシスタントに送ってください。

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

リポジトリの 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.19 or newer 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 件の職業カテゴリ · 83% 分類済み

skill

職業分類

説明

更新

release-description

未分類

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

原文の言語: 英語

2026-10-27

release-description

未分類

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

原文の言語: 英語

2026-10-27

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

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

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

収集済み skill 24 件中 24 件を表示しています。