esnet / esnet/react-dynamic-forms

Modernize forms library

Open
#46 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
37
Forks
12
PR merge metrics
No merged PRs in 30d

Description

Umbrella issue for work on forms library:
- [ ] Move library to Typescript
- [ ] Remove flexbox-react code
- [x] Update to react-bootstrap (fix icons)
- [ ] Add storybook for development, testing and docs
- [ ] Update to latest version of react-select, combine with react-window
- [ ] Overhaul build setup (rollup)

Components that need to work:
- [x] TextEdit
- [ ] TextArea
- [ ] DateEdit
- [ ] Chooser (based on react-select)
- [ ] AsyncChooser (based on react-select)
- [ ] TagsEdit (based on react-select)

Additional components
- [ ] List and list HOC
- [ ] Views

Covered examples:
- [ ] Basic form with tri-state edit modes (always, selected and never)
- [ ] Dynamic changing form
- [ ] List contact example

Storybook:
- [x] Initial setup so we can add stories in Typescript
- [ ] Snapshot testing
- [ ] Docs

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reviewing the unchecked modernization checklist and the existing forms components named in the issue, along with the current Storybook setup. Break the umbrella into focused tasks covering TypeScript, react-select/react-window components, Rollup, examples, and Storybook testing and docs; done means the remaining checklist items and listed component and example coverage are complete.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react, rollup, storybook, typescript
Domain
build-system, documentation, frontend, testing, tooling
Issue type
Refactor
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.