# reactide/reactide

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/reactide-reactide).**

10,502 stars · 615 forks · JavaScript · MIT

## Links

- GitHub: https://github.com/reactide/reactide
- Homepage: https://reactide.io
- awesome-repositories: https://awesome-repositories.com/repository/reactide-reactide.md

## Topics

`desktop-app` `devtools` `electron` `javascript` `node` `nodejs` `react` `reactide` `redux`

## Description

Reactide is the first dedicated IDE for React web application development.

## Tags

### Development Tools & Productivity

- [Integrated Development Environments](https://awesome-repositories.com/f/development-tools-productivity/cross-platform-desktop-utilities/integrated-development-environments.md) — Provides a cross-platform desktop IDE with a live simulator and integrated development tools.
- [React IDEs](https://awesome-repositories.com/f/development-tools-productivity/cross-platform-development-tools/react-ides.md) — Provides a cross-platform desktop environment with a live simulator and integrated tools for React development. ([source](https://cdn.jsdelivr.net/gh/reactide/reactide@master/README.md))
- [Live Component Simulators](https://awesome-repositories.com/f/development-tools-productivity/react-component-debuggers/live-component-simulators.md) — Ships a live browser simulator that automatically reloads React components on code changes for instant visual feedback.
- [IDE Embedded Terminals](https://awesome-repositories.com/f/development-tools-productivity/terminal-integration-interfaces/ide-embedded-terminals.md) — Provides a built-in terminal interface for executing shell commands and running build tools within the IDE.
- [Embedded Terminals](https://awesome-repositories.com/f/development-tools-productivity/command-line-interfaces/embedded-terminals.md) — Ships a built-in terminal interface for executing shell commands and running build tools within the IDE.
- [Integrated Development Terminals](https://awesome-repositories.com/f/development-tools-productivity/integrated-development-terminals.md) — Executes shell commands, manages files, and runs build tools directly within the development environment. ([source](https://cdn.jsdelivr.net/gh/reactide/reactide@master/README.md))
- [IDE Command Executors](https://awesome-repositories.com/f/development-tools-productivity/shell-command-execution/pseudo-terminal-commands/ide-command-executors.md) — Executes bash or cmd commands for file system manipulation and build tool workflows within the IDE. ([source](https://cdn.jsdelivr.net/gh/reactide/reactide@master/README.md))
- [Terminal Workflow Environments](https://awesome-repositories.com/f/development-tools-productivity/terminal-workflow-environments.md) — Runs shell commands, manages files, and executes build tools within the React IDE environment.

### Web Development

- [Dedicated IDEs](https://awesome-repositories.com/f/web-development/react-development/dedicated-ides.md) — Provides the first dedicated IDE specifically for React web application development with live simulation and state visualization.
- [Project Scaffolders](https://awesome-repositories.com/f/web-development/create-react-app-customizations/project-scaffolders.md) — Generates new React project boilerplate using integrated Create React App scaffolding.
- [Live Component Embedding](https://awesome-repositories.com/f/web-development/live-component-embedding.md) — Displays a live component tree showing props and state for every component to trace parent-child relationships. ([source](https://cdn.jsdelivr.net/gh/reactide/reactide@master/README.md))
- [React Component Simulators](https://awesome-repositories.com/f/web-development/live-component-embedding/react-component-simulators.md) — Renders React components in a live browser simulator that reloads automatically as code changes. ([source](https://cdn.jsdelivr.net/gh/reactide/reactide@master/README.md))
- [Integrated Development Environments](https://awesome-repositories.com/f/web-development/react-development/integrated-development-environments.md) — Builds and debugs React applications with a dedicated IDE providing live component simulation and state visualization.
- [State Visualizers](https://awesome-repositories.com/f/web-development/react-state-bindings/state-visualizers.md) — Debugs React applications by viewing a live component tree with props and state for every component.

### Artificial Intelligence & ML

- [Hot-Reloading](https://awesome-repositories.com/f/artificial-intelligence-ml/code-snippets/editor-snippets/snippet-loaders/hot-reloading.md) — Monitors file changes and triggers automatic re-rendering of components without manual refresh.

### Software Engineering & Architecture

- [Live Tree Visualizers](https://awesome-repositories.com/f/software-engineering-architecture/abstract-syntax-tree-tools/internal-tree-representations/ui-component-model-trees/react-component-tree-mappings/live-tree-visualizers.md) — Displays a real-time hierarchical tree of React components with their current props and state for debugging.
- [Component State Debuggers](https://awesome-repositories.com/f/software-engineering-architecture/architectural-design-patterns/state-management/persistence-and-serialization/state-serialization/state-snapshots/component-state-debuggers.md) — Captures and displays component state at each node in the tree to trace data flow through parent-child relationships.

### User Interface & Experience

- [Live Simulators](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/component-libraries/react-component-sandboxes/live-simulators.md) — Tests and previews React components in a live browser simulator with automatic reload on code changes.
- [React State Visualizers](https://awesome-repositories.com/f/user-interface-experience/data-display-components/tree-view-visualizers/debugger-state-visualizers/react-state-visualizers.md) — Displays a live component tree showing props and state for every component to trace data flow through parent-child relationships.
- [Live Preview Simulators](https://awesome-repositories.com/f/user-interface-experience/embedded-browser-components/integrated-web-browsers/live-preview-simulators.md) — Renders React components in a live browser window that automatically reloads on code changes.
- [State Flow Visualizers](https://awesome-repositories.com/f/user-interface-experience/interactive-ui-components/component-interaction-management/state-flow-visualizers.md) — Displays a live, interactive component tree showing props and state for every component to trace parent-child relationships. ([source](https://cdn.jsdelivr.net/gh/reactide/reactide@master/README.md))