LockTech/aether

Provide full integration for Chakra UI and RedwoodJS' form components

オープン

#3 opened on 2022/09/15

GitHub で見る
 (0 件のコメント) (0 件のリアクション) (0 人の担当者)TypeScript (1 件のフォーク)auto 404
front-endgood first issue

Repository metrics

Stars
 (4 個のスター)
PR merge metrics
 (PR metrics pending)

説明

RedwoodJS forms — Chakra UI forms

In other words, integrate Chakra UI's form components with react-hook-form.

  • - Ensure all components favor the name prop when provided, not the useFieldName hook's value.
  • - Once complete, extract-out components into a library.
  • - Ensure all components integrate with Chakra UI's isInvalid, isRequired, ... props.
  • - Integrate the following components:
    • - Button (Submit)
    • - Checkbox
    • - Editable
    • - Form Control
    • - Input
    • - Number Input
    • - Pin Input
    • - Radio
    • - Range Slider
    • - Select
    • - Slider
    • - Switch
    • - Textarea

Optional Components (provided as Recipes)

コントリビューターガイド

調査方針
リストされた各Chakra UIフォームコンポーネントをreact hook formを使用してRedwoodJSフォームと統合し、nameプロパティとChakra UIのinvalid/requiredプロパティを優先します。完了したコンポーネントをライブラリに抽出します。
技術スタック
typescriptreact
領域
frontend
Issue 種別
機能
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-2日
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
新着
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
明確
前提条件
GitReact
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
65