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

Audio players

Calendars

  • tui-calendar - TOAST UI Calendar is a full-featured calendar. Experience various view types, default popups, dragging or resizing schedules and customizable theme which is easy to use.

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

Books

  • React in Patterns - 📚 A free book that talks about design patterns/techniques used while developing with React.
⬆︎TOP