Yuva roadmap hooks

React hooks over the useyuva headless client for a public roadmap board: the board and its stage counts, the ideas of a stage by top votes or newest with a title search, voting and suggesting an idea. Built on the discussion hooks. Labels with English defaults.

ప్రివ్యూ నమూనా డేటాతో నడుస్తుంది. దీనికి నెట్‌వర్క్ లేదా ఛానెల్ అవసరం లేదు.

tsx

import { YuvaDiscussionsProvider } from "@/hooks/use-yuva-discussions"
import { useIdeas } from "@/hooks/use-yuva-roadmap"

function Planned() {
  const { ideas, loading } = useIdeas("planned", "top")
  if (loading) return null
  return (
    <ul>
      {ideas.map((idea) => (
        <li key={idea.id}>
          {idea.title} ({idea.votes})
        </li>
      ))}
    </ul>
  )
}

export function Roadmap() {
  return (
    <YuvaDiscussionsProvider
      server={process.env.NEXT_PUBLIC_YUVA_SERVER}
      channel={process.env.NEXT_PUBLIC_YUVA_CHANNEL}
    >
      <Planned />
    </YuvaDiscussionsProvider>
  )
}

ఇన్‌స్టాలేషన్

దీన్ని shadcn ప్రాజెక్ట్‌లో నడపండి. ఫైళ్లు మీ సొంత కోడ్‌లోకి కాపీ అవుతాయి.

Shell

npx shadcn@latest add https://useyuva.com/r/use-yuva-roadmap.json

Shell

pnpm dlx shadcn@latest add https://useyuva.com/r/use-yuva-roadmap.json

Shell

yarn dlx shadcn@latest add https://useyuva.com/r/use-yuva-roadmap.json

Shell

bunx --bun shadcn@latest add https://useyuva.com/r/use-yuva-roadmap.json

వినియోగం

tsx

import { useIdeas, useRoadmap } from "@/hooks/use-yuva-roadmap"

const { board } = useRoadmap()
const { ideas, vote } = useIdeas("planned", "top")

Props

`RoadmapResult`

Prop	రకం
`board`	`ClientRoadmap \| null`
`loading`	`boolean`
`error`	`unknown`
`reload`	`() => Promise<void>`

`IdeasResult`

Prop	రకం
`ideas`	`Discussion[]`
`loading`	`boolean`
`error`	`unknown`
`hasMore`	`boolean`
`loadMore`	`() => Promise<void>`
`reload`	`() => Promise<void>`
`suggest`	`(input: IdeaInput) => Promise<Discussion>`
`vote`	`(idea: Discussion) => Promise<void>`

లేబుల్స్

లేబుల్స్ Yuva roadmap పేజీలో జాబితా చేయబడ్డాయి.

ఆధారపడేవి

ఈ ఐటమ్‌ను ఇన్‌స్టాల్ చేస్తే కింది వాటిని కూడా జోడిస్తుంది.

Yuva యొక్క ఇతర ఐటమ్‌లు

Yuva discussions hooks

npm ప్యాకేజీలు

useyuva ↗

← మునుపటిYuva help hooks