Development Environment

Browser Support #

ActiveUI is compatible with:

• Chrome >= 33
• Firefox >= 29
• Microsoft Internet Explorer >= 11
• Microsoft Edge >= 12

Development Dependencies #

To use ActiveUI with Node.js, make sure the following frameworks are installed:

• Node.js >= 8.9.4
• npm >= 3.10.8

Create a React project #

In order to start a React project, we recommend using Facebook’s Create React App

On top of that, in order to stop spending time formatting your JavaScript code, we strongly advise to use Prettier in your project.

IDE recommendations #

We recommend using Visual Studio Code to develop ActiveUI.

There are many alternatives to develop a JavaScript project, some open source, some with a paid license. Among others:

Those recommendations are related to the ActiveUI Sandbox project.

WebStorm #

For more information: WebStorm official website

Configuration #

We recommend the following configuration under File>Settings (Tested against WebStorm 2017.1):

• Under Languages & Frameworks>JavaScript select Flow and enable “type-based completion”, “type checking”, “navigation, code completion, and type hinting”.
• Under Appearance & Behavior>System Settings, turn OFF Use "safe write" (save changes to temporary file first). This is for the watch scripts to work correctly on Windows.

Visual Studio Code #

For more information: Visual Studio Code official website

Extensions #

We recommend the following extensions:

• Flow
• ESLint

Atom #

For more information: Atom official website