react.js

Inbox

My public reactjs side projects

Quickstart generators

  • create-react-app - Create React apps with no build configuration.
  • nwb - A toolkit for React, Preact, Inferno & vanilla JS apps, React libraries and other npm modules for the web, with no configuration (until you need it)
  • neutrino - Create and build modern JavaScript projects with zero initial configuration. https://neutrino.js.org
  • vortigern - A universal boilerplate for building web applications w/ TypeScript, React, Redux, Server Side Rendering and more. https://barbar.github.io/vortigern

Websockets

React frameworks

  • next.js - Next.js is a minimalistic framework for server-rendered React applications.
  • ink - 🌈 React for interactive command-line apps

Components

Datepickers

Routing

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)
  • recharts - Redefined chart library built with React and D3 http://recharts.org

Diagrams

  • react-diagrams - a super simple, no-nonsense diagramming library written in react that just works

i18n

State management

Styling

Static sites generator

Static content server

  • serve - Static file serving and directory listing

Desktop app frameworks

Testing

Performance testing

  • react-perftool - A browser developer tool extension, which will help you to inspect the performance of React Js components.
  • react-performance - Helpers to debug and record component render performance

Tips

Demos

⬆︎TOP