tabler/tabler-react

Version 2 (typescript, hooks, functional components) input wanted

Open

#458 opened on Jun 1, 2019

View on GitHub
 (26 comments) (7 reactions) (0 assignees)CSS (2,266 stars) (538 forks)batch import
enhancementhelp wantedwork in progress

Description

Update: Work in progress on the version-2 branch, alpha is available on NPM.

npm install tabler-react@alpha yarn add tabler-react@alpha

I've been thinking about a journey towards version 2 and some big internal changes that I think should happen along the way....

Given that Typescript is fast becoming, if it isn't already, the most widely used type system in React open source projects it may be a good time to also make the switch.

Features

  • Typescript
  • Components should will become React Hooks powered function components where possible.
  • Everything should will work in React Strict Mode.
  • Use Storybook and add visual tests using Chromatic.
  • All packages/libs to be updated
  • Fix outstanding issues
  • Introduce missing features from the core repo
  • Improve how CSS is imported and built from the main repo (and update to latest version)
  • Make sure className and style props are available everywhere
  • Always spread remaining props to underlying components and make sure any internal components can have their props set
  • Base components providing style utility props
  • Refs forwarded to the underlying HTML elements

Keen to hear any thoughts or additions?

cc @AaronCoplan @Greg-Hamel

Contributor guide

Tech stack
typescriptreactcssstorybook
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
4
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
ReactTypeScriptCSS
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
30
Research direction
The issue outlines a roadmap for version 2, including migration to TypeScript, hooks, and Storybook integration. The version 2 branch contains current work. Contributors should review the list and provide feedback or help implement the changes.