Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Component: Plural (CLDR plural rules)

オープン
#34 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
58/100
issue の種類
機能追加
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
react, tailwindcss, typescript

調査の方向性

Start with CONTRIBUTING.md, then look at an existing component in src/registry/components/ and how it is exported from index.ts and registered in src/registry/registry.ts. The new Plural component goes in the same folder and needs tests in test/ for en, ar, pl, ru and ordinal en, plus a page in content/docs/components/. Done means the props interface is exported, those locale cases pass, and the docs page renders.

索引モデルが issue の本文から書いたものです。

説明

component good first issue pluralization

Component: Plural (CLDR plural rules)

Build a small component that picks the right plural form for a count based on the locale's CLDR rules.

Requirements
  • TypeScript-first with exported props interface
  • Uses Intl.PluralRules under the hood (cardinal by default, type="ordinal" supported)
  • Supports all CLDR categories: zero, one, two, few, many, other (other required)
  • Exact-match overrides like =0
  • Optional # placeholder replaced with the locale-formatted number (Intl.NumberFormat)
  • Works as a server-safe render (no state needed)
  • Tailwind CSS compatible
Expected API
<Plural
  count={3}
  locale="ar"
  zero="لا ملفات"
  one="ملف واحد"
  two="ملفان"
  few="# ملفات"
  many="# ملفًا"
  other="# ملف"
/>
Deliverables
  • Component source in src/registry/components/
  • Export in src/registry/components/index.ts and entry in src/registry/registry.ts
  • Tests in test/ covering at least en, ar, pl, ru and ordinal en
  • Documentation page in content/docs/components/

See CONTRIBUTING.md.

主要言語
TypeScript
スター
39
フォーク
16
平均マージ
2日 5時間
マージ済み PR(30日)
12

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

babelize/babelize-elements のほかの issue

babelize/babelize-elements の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。