bitsocialnet/bitsocial-react-hooks

Perfil de bitsocialnet

Última atividade de origem registrada: 16 de setembro de 2026 às 15:45

Catálogo do SkillsMP atualizado: 26 de outubro de 2026 às 11:37

skills coletadas: 24

Estrelas no GitHub: 1
Forks no GitHub: 0

README do repositório

Arquivo de origem do README: README.md

Ler o README original

Expandir README completo

<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).

Carregando o README do repositório…

Skills neste repositório

Desenvolvedores de software Analistas de garantia de qualidade de software e testadores Representantes de atendimento ao cliente

3 categorias ocupacionais · 92% classificado

skill

ocupação

descrição

atualizado

code-quality-review

sem classificação

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