Skip to content
File manager written in TypeScript, React, Blueprint and packaged with Electron
TypeScript JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
e2e Bump mixin-deep from 1.3.1 to 1.3.2 in /e2e (#68) Aug 29, 2019
img ADDED: missing gif anims May 29, 2019
scripts Tabs + Build process (#24) Apr 29, 2019
src FIXED: stupid mistake in last pull_request, brings back scrollToPosit… Aug 27, 2019
.gitignore ADDED: public to master ignore list May 29, 2019
LICENSE Initial commit Oct 15, 2018
README.md IMPROVED: languages are now dynamically loaded so added a new lang is… May 30, 2019
index.html Tabs + Build process (#24) Apr 29, 2019
package-lock.json UPDATED: packages to fix vulnerabilities (#65) Aug 21, 2019
package.json UPDATED: version Aug 27, 2019
tsconfig.json Tabs + Build process (#24) Apr 29, 2019
webpack.config.e2e.js Improve history + disk error handling + rename (#51) May 27, 2019
webpack.config.js FIXED: last selected element's position lost after switching tab, fixes May 28, 2019
webpack.config.production.js

README.md

File manager written in TypeScript & React

React-Explorer

Features

  • Dual-view window
  • Tabs support
  • Fully keyboard controlled
  • Fully localized (French & English available)
  • Dark Mode with automatic detection (macOS Mojave)
  • Open a terminal from any folder
  • Plugin-based: local supported for now, ftp in the works

Feature tour

Dark theme automatic detection (macOS Mojave)

React-Explorer will automatically switch to dark-theme when it's detected:

dark-theme

Create and read folder

By pressing ctrl (Linux/Win) or cmd the folder you create will be automatically read:

create-read-folder

Create nested folders

You can create several folders at once by separating them with a forward-slash:

nested-folders

Quick access to parent folders

By right-clicking on a tab's icon you can quickly get access to the parents of the currend folder:

parent-folders

Requirements

React-Explorer works on any modern Windows, Mac or Linux computer.

Building for local development

In order to build React-Explorer you need to have installed nodejs.

Once installed, building React-Explorer is as easy as typing:

npm install && npm run build

This will build a development package.

In order to run in locally without having to create a native executable, you can then type:

npx electron ./build/main.js

Building binary packages

In order to build binary packages, simply type the following:

npm run dist

This will build packaged binaries of React Explorer into the dist folder for every supported platform.

React-Explorer can also be built for a single patform. For example, to build only the Windows binaries, type:

npm run dist-win

Localization

React-Explorer is fully localized using .json files. Right now, English and French are available.

Adding a new language to React-Explorer is easy: simply duplicate one of the file found in src/locale/lang directory.

The new file should have the name code.json where code is a valid language code, for example: ja.json to add support for Japanese.

How to develop a new Plugin

React-Explorer has been written so that it can easily be extended using plugins.

As a starting point you may use the FsGeneric skeleton.

Acknowledgments

React-Explorer makes use of the following tools/components:

Licence

React-Explorer is licenced under the MIT licence.

You can’t perform that action at this time.