Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@gssfed/react-virtualized-tree

diogofcunha40MIT2.0.3TypeScript support: included

react-virtualized-tree React component

react, tree, view, react-virtualized, react-tree, tree-view, foder-structure, react-virtualized-tree, react-tree-view, react-component

readme

react-virtualized-tree

Travis npm package Coveralls Gitter semantic-release

Introduction

react-virtualized-tree is a tree view react library built on top of react-virtualized

Its main goal is to display tree like data in a beautiful and fast way. Being a reactive library it uses children functions to achieve maximum extensibility. The core idea behind it is that anyone using it is enable to create a tree as they intent just by rendering their own components or components exported by the tree.

Demo and docs can be found in here.

Installation

You can install via npm or yarn. npm i react-virtualized-tree --save

or

yarn add react-virtualized-tree

To get the basic styles for free you need to import react-virtualized styles only once.

import 'react-virtualized/styles.css'
import 'react-virtualized-tree/lib/main.css'

If you want to use the icons in the default renderers do the same for material icons.

import 'material-icons/css/material-icons.css'

Usage

To use the standalone tree

import Tree from 'react-virtualized-tree'

To use the FilteringContainer

import { FilteringContainer } from 'react-virtualized-tree'

Dependencies

Most react-virtualized-tree Dependencies are managed internally, the only required peerDependencies are react, react-dom and react-virtualized.

changelog

Caption

  • :lollipop: - Refactor/improvment
  • :rocket: - Feature
  • :bug: - Bug fix

2.0.1

  • :lollipop: Nwb update to the latest release (diogofcunha - #41)

  • :lollipop: React 16.3 update (diogofcunha - #40)

  • :lollipop:/:rocket: Optimize bundle (diogofcunha - #38)

    react-dom, react-virtualized and full lodash were included in the build. umd module size 322.58 KB (:worried:) to 28.05 KB (:relaxed:)

  • :lollipop: Add a basic screenshot. Update the example link. (justinlawrence - #32)

  • :lollipop: Store filter mappings to improve future update performance. (diogofcunha - #28)

  • :lollipop: Internal renames. (diogofcunha - #27)

  • :rocket: Exposing Left Margin as a User Modifiable Property. (blakfeld - #25)

    Exposing tree node left margin as a prop

  • :bug: Fixing typo. (blakfeld - #24)

    Fixed typo udpateNode

1.2.5