react.js

Inbox

My public reactjs side projects

Websockets

Components

Routing

react-router - Declarative routing for React https://reacttraining.com/react-router/

Passing state key within to property allows to pass state to the referenced route

1
2
3
4
5
6
7
8
<Link
type='submit'
to={{pathname: '/buy-tickets', state: this.props}}
className='btn btn-block btn-lg btn-primary'
disabled={!this.props.tickets.selectedCount}
>
Confirm
</Link>

Forms

Charts

  • victory - A collection of composable React components for building interactive data visualizations .
    • it uses d3
    • Supports candlestick charts
    • easy to implement
  • reactd3 - A Javascript Library For Building Composable And Declarative Charts
  • react-chartjs - rich interactive react charting components using chart.js (NOTE This is a CommonJS component only)

i18n

State management

Styling

Static sites generator

Static content server

  • serve - Static file serving and directory listing

Testing

Performance testing

Tips

⬆︎TOP