React Trello

screenshot of React Trello
react
styled-components

Pluggable components to add a kanban board to your application

Overview:

The React Trello library offers pluggable components that enable users to incorporate a Trello-like kanban board into their applications. This library, although not directly affiliated with Trello, provides functionalities such as drag-and-drop capabilities, customizable lane and card appearances, event handling, and more.

Features:

  • Responsive and extensible
  • Easily pluggable into existing react applications
  • Supports pagination when scrolling individual lanes
  • Drag-and-drop functionality on cards and lanes (compatible with touch devices)
  • Edit functionality to add/delete cards
  • Custom elements to define lane and card appearance
  • Event bus for triggering events externally
  • Inline edit of lane titles
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

styled-components
Styled Components

Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

Redux

Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.