Skip to content
This repository has been archived by the owner on Nov 15, 2017. It is now read-only.

Commit

Permalink
Worked on component docs
Browse files Browse the repository at this point in the history
  • Loading branch information
swernerx committed Apr 11, 2017
1 parent 93af74b commit bf96bf8
Showing 1 changed file with 39 additions and 14 deletions.
53 changes: 39 additions & 14 deletions about.md
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,7 @@ application development and therefor scales very well when multiple applications



## Styling (CSS Modules)
## Styling

### PostCSS ([Project](https://github.com/postcss/postcss) | [Homepage](http://postcss.org/))

Expand Down Expand Up @@ -183,37 +183,62 @@ application development and therefor scales very well when multiple applications

### Express

- TODO
### Helmet

### CSP




## Testing
## Testing (Work in Progress)

### Jest
### Jest ([Project](https://github.com/facebook/jest) | [Homepage](https://facebook.github.io/jest/))

- TODO
- Basic component testing with [Jest snapshots](https://facebook.github.io/jest/docs/snapshot-testing.html) is a breeze.
- Runtimes are fast enough to make running the test suite feasible even when used multiple times a day.

### Nightmare
### Nightmare ([Project](https://github.com/segmentio/nightmare))

- TODO
- High-level PhantomJS-based UI testing library.



## Components (Work in Progress)

### React Toolbox v2 ([Project](https://github.com/react-toolbox/react-toolbox) | [Homepage](http://react-toolbox.com/) | [Demo](http://react-toolbox.com/#/components))

- Basic component library using CSS modules for component sandboxing.
- Excellent approach on doing theming of UI components as [part of the version 2 rework](https://github.com/react-toolbox/react-toolbox/blob/dev/ROADMAP.md) using [CSS Themr](https://github.com/javivelasco/react-css-themr)
- More generally speaking all components which are used or are being implemented should follow the guidelines of [Future React UI](https://github.com/nikgraf/future-react-ui)

## Components
### Redux Form ([Project](https://github.com/erikras/redux-form) | [Homepage](http://redux-form.com/))

### Redux-Form
- Effectively the standard for managing form values, implement serialization and state management in Redux applications.
- Implemented as a higher order component for connecting to more primitive form elements.
- Integrated tracking for which fields are being touched/modified together with some flexible validation handling.

- TODO
### React Virtualized ([Project](https://github.com/bvaughn/react-virtualized) | [Demo](https://bvaughn.github.io/react-virtualized/))

### React Virtualized
- Highly efficient rendering of crazy large lists and tables where instead of rendering all elements which are available the rendering is limited to the actually visible fraction of the component content.
- All data intensive components should be probably implemented using this library aka data tables, long item lists, auto suggest boxes, country selectors, etc.

- TODO
### React Sortable HOC ([Project](https://github.com/clauderic/react-sortable-hoc) | [Demo](http://clauderic.github.io/react-sortable-hoc/#/basic-configuration/basic-usage))

### Sizeme
- "A set of higher-order components to turn any list into an animated, touch-friendly, sortable list."
- Works together with React Virtualized.
- Super smooth animation.
- Touch ready.

- TODO
### Sizeme ([Project](https://github.com/ctrlplusb/react-sizeme) | [Demo](https://react-sizeme.now.sh/))

- "Make your React Components aware of their width, height and position."
- Effectively offering [element queries](https://www.smashingmagazine.com/2016/07/how-i-ended-up-with-element-queries-and-how-you-can-use-them-today/) for styling or even better: alternative rendering paths.
- There is a [more high-level wrapper](https://github.com/ctrlplusb/react-component-queries) available for a more query-like approach.

### Overdrive ([Project](https://github.com/berzniz/react-overdrive) | [Homepage](https://react-overdrive.now.sh/))

- Magic-Move style transitions for React components.

### React Motion ([Project](https://github.com/chenglou/react-motion))

- Spring style animations for React components.

0 comments on commit bf96bf8

Please sign in to comment.