react-tiles - GitLite

KO | EN

gitlite — search

#python #hacktoberfest #react #go #machine-learning #rust #nodejs #windows #cli #kubernetes #security #pytorch #mcp #open-source

react-tiles

(★ 51)

Tiles in react, a window manager component to manage multiple routes at a time.

File Explorer

Download Latest Version (.zip)

- - 51db15c3275b598fa132760260cf0ef8-entry.js
- react-tiles.js
- react-tiles.min.js
- - FloatingWrapper.js
  - IframeTile.js
  - Tile.js
  - TileLink.js
  - TileWrapper.js
- - ContextQueryBuilder.js
  - QueryBuilder.js
  - requestAnimationFrame.js
  - TileUtils.js
  - UrlParser.js
- react-router-resolver.js
- react-tiles.js
- tiles.scss
- url.test.js
.babelrc
.gitignore
CHANGELOG.md
gulpfile.js
LICENSE
package.json
README.md
webpack.config.js
webpack.test.config.js

# Installation Guide

1. Get the code

git clone https://github.com/arqex/react-tiles

Downloads the entire project code from GitHub to your computer.

cd react-tiles

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install

Downloads and installs the libraries listed in package.json.

npm start

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# react-tiles

An awesome react component that allows to display more than one app route at the same time dividing your browser in tiles.

Want to see it working? *[Have a look at the demo](https://react-tiles.firebaseapp.com)*.

react-tiles is thought to be simple to use, so just adding the component to the root component of your app you will turn it into a multi-route application.

Want to add it to your project? *[Get started](https://react-tiles.firebaseapp.com)*.

## Under development
Right now the library is pretty usable but it is still in a *beta stage*. The API can vary a lot, mainly because there is plenty room for improvements and customization.

Any help that I can have in this project is welcome. I have created a playground to let every developer interested in collaborate to have an environment to play with the code easily:

[react-tiles playground](https://github.com/arqex/react-tiles-playground).

Right now there is a bunch of features missing that I would like to see in react-tiles. Here I leave a list of some that comes to my mind, if you are interested in tackle some of them, please create issues to discuss about them there:

* Create tests <-- *This is the most important one*.
* Define minimum heigth/with of the tiles using props.
* Create a way of defining tile's position and dimensions.
* Create a way of make tiles uncloseable.
* Tile minification.
* Solve `tilecontrols` bar being at the top of the tile covering the top of the content.
* Create a way of customize the `tilecontrols`.
* Clone the tile contents when (un)docking a tile, to preserve its internal state.
* Create display breakpoints to adapt the tiles for mobile resolutions.