Chalarangelo / furl

Functional react.js components.

Home Page:https://furl.netlify.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Hypercomponents

Chalarangelo opened this issue · comments

Provide custom components that are more powerful than regular components and make up the main API of the library:

Mappers

Components that produce mappings of data (Array/Object) to a view (set of components):

  • Table
  • List
  • Menu
  • Form
  • Card(s)
  • Media Object
  • Item(s) / Tweet(s) / Post(s)
  • Graph, Chart
  • Profile, Avatar
  • Map
  • Timeline

Functionality

Additional features that can be added to certain components:

  • Sorting (as a feature for tables and maybe other components)
  • Auto-pagination (as a feature)
  • Scrollspy

Simplification Layers

Easier ways to write components that require a lot of code and micromanagement:

  • Accordion
  • Tabs
  • Radio Set
  • LabeledInput
  • InputWithIcon
  • Text from Markdown

Prefabs

Prebuilt components for common use-cases:

  • Login Form
  • Pricing and Plan Comparison
  • Splash Screen / Hero
  • Feature breakdown

Scrollspy is something that is neither extremely necessary nor super modern anymore. I am going to remove it from the list of thing to implement for now.

Automated markdown conversion will not be available for a multitude of reasons such as the fact that there are a lot of great tools out there for this.

Map seems to require an API Google if Google Maps is to be used. Removing as it will also make the bundle significantly larger.

Timeline is... well not much of an elaborate idea, so I'm gonna let it go as well. Better focus on Card layouts that make more sense.

CardHOC has been removed from the Hypercomponent API and instead Card will now accept non-CardSection children, casting them as necessary.

Prefabs will be migrated to #23 as they are part of the demos that will ship with the library.