Triplex Standalone

1. Visit the Download page
2. Download the inferred installer for your operating system; or
3. Alternatively select a specific installer

For operating system specific steps see:

• macOS
• Windows
• Linux

Find the Open Component action at the top left area of the user interface and click it to be presented a list of components to open.

By default all React components can be opened by Triplex. When wanting to scope the files that can be opened you can create a configuration file and populate the "files" field.

For example the following configuration marks all jsx files inside the components folder can be opened, anything else is excluded.

{
  "files": ["../src/components/**/*.jsx"]
}

For more information see config.json Options > files.

Currently Triplex Standalone doesn't support editing source code directly. You'll need to use your favorite code editor to make changes to your project. Alternatively, you can use the Triplex for VS Code right inside Visual Studio Code.

Only components that are exported can be opened in Triplex. If you're trying to open a component that isn't exported you'll need to export it first.

-function Component() {
+export function Component() {

Components are rendered by themselves alongside visual controls. This means if your components rely on global state or context there may be some work involved to get it rendering without an error.

To resolve you could:

• Refactor your component to be self contained
• Use a provider component to provide the missing React context
• Declare the required context or state in another component and open that instead
• Set default props

Currently Triplex for VS Code has more active development and so has more features. This will change in the future.

Learn how to start a project and work with Triplex.