All Projects → reactide → Reactide

reactide / Reactide

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

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to Reactide

Virtual Authenticators Tab
Debug webauthn with a chrome extension that adds a virtual authenticators tab to devtools
Stars: ✭ 95 (-99.08%)
Mutual labels:  devtools
Llum
Llum (light in catalan language) illuminates your Laravel projects speeding up your Github/Laravel development workflow
Stars: ✭ 107 (-98.96%)
Mutual labels:  devtools
Google Allo For Desktop
A "native-like" OS X, Windows, & Linux desktop app for Google Allo
Stars: ✭ 112 (-98.91%)
Mutual labels:  desktop-app
Bookmark
[NOT MAINTAINED] Desktop app to manage bookmarked links using Atom Electron and Vue.js.
Stars: ✭ 97 (-99.06%)
Mutual labels:  desktop-app
Rod
A Devtools driver for web automation and scraping
Stars: ✭ 1,392 (-86.51%)
Mutual labels:  devtools
Hotel
🏩 A simple process manager for developers. Start apps from your browser and access them using local domains
Stars: ✭ 9,736 (-5.64%)
Mutual labels:  devtools
Active Directory Dotnet Native Desktop
A .NET 4.5 WPF application that authenticates a user and calls web API using Azure AD and OAuth 2.0 access tokens.
Stars: ✭ 94 (-99.09%)
Mutual labels:  desktop-app
Termy
A terminal with autocomplete
Stars: ✭ 112 (-98.91%)
Mutual labels:  devtools
Devtools Ds
UI components, libraries, and templates for building robust devtools experiences.
Stars: ✭ 105 (-98.98%)
Mutual labels:  devtools
Flutter Debugger
Stars: ✭ 112 (-98.91%)
Mutual labels:  devtools
Jscost.org
JSCost.org - a JavaScript cost visualizer 💸
Stars: ✭ 101 (-99.02%)
Mutual labels:  devtools
Honcho
Honcho: a python clone of Foreman. For managing Procfile-based applications.
Stars: ✭ 1,395 (-86.48%)
Mutual labels:  devtools
Parrot
✨ Scenario-based HTTP mocking
Stars: ✭ 109 (-98.94%)
Mutual labels:  devtools
Go Chrome
A golang library for interacting with the Chrome DevTools Protocol. https://chromedevtools.github.io/devtools-protocol/
Stars: ✭ 96 (-99.07%)
Mutual labels:  devtools
Bookmarks
a simple self-hosted bookmarking app that can import bookmarks from delicious and chrome
Stars: ✭ 112 (-98.91%)
Mutual labels:  desktop-app
Hmake
HyperMake - Makes Builds Green without Worrying about Pre-requisites
Stars: ✭ 95 (-99.08%)
Mutual labels:  devtools
Active Directory Dotnet Daemon
A Windows console application that calls a web API using its app identity (instead of a user's identity) to get access tokens in an unattended job or process.
Stars: ✭ 107 (-98.96%)
Mutual labels:  desktop-app
Lastbackend
System for containerized apps management. From build to scaling.
Stars: ✭ 1,536 (-85.11%)
Mutual labels:  devtools
Hashi Up
bootstrap HashiCorp Consul, Nomad, or Vault over SSH < 1 minute
Stars: ✭ 113 (-98.9%)
Mutual labels:  devtools
Poddycast
Podcast app made with Electron, lots of ❤️ and ☕️
Stars: ✭ 111 (-98.92%)
Mutual labels:  desktop-app

reactide

GitHub license PRs Welcome

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

Reactide is a cross-platform desktop application that offers a simulator, made for live reloading and quick React component prototyping. React brings an integrated suite of development tools to streamline react development. The days of flipping between browser, IDE, and server are over.

Reactide is in active development. Please follow this repo for contribution guidelines and our development road map.

Reactide Screenshot

Get right to coding

Reactide runs an integrated Node server and custom browser simulator. As projects evolve, the developer can continually track changes through live reloading directly in the development environment without the need for constant flipping to the browser. Reactide also offers integration with Create React App for faster project boilerplate configuration. The simulator and component tree are both functioning for all React applications.

State flow visualization.

Managing state across a complex React application is the biggest pain point of developing React apps. Reactide offers a visual component tree that dynamically loads and changes based on components within the working directory while giving information about props and state at every component. By navigating through a live-representation of the architecture of a project, developers can quickly identify and pinpoint the parent-child relationships of even the most complex applications.

The component tree works out-of-the-box by finding the entry point to your React application that you provide inside the reactide.config.js file.

Integrated Terminal for powerful commands and workflows

The terminal is the life and blood of any IDE, allowing for complex manipulation of the file system, node, and even build-tools. Reactide offers a compatible terminal for running commands in bin/bash for Unix, and cmd for Windows to provide powerful workflows to even seasoned developers.

Getting Started with Reactide

The Reactide IDE can be set up in two ways, the first is to bundle the electron app and run it as a native desktop App. The instructions are as follows:

  1. go to your terminal and type the following:
git checkout 3.0-release
npm install
npm run webpack-production
npm run electron-packager
  1. in your Reactide folder, navigate to the release-builds folder and double-click on Reactide (executable).

To check out Reactide in developer mode follow these instructions:

  1. go to your terminal and type the following:
git checkout 3.0-release
npm install
npm run webpack-production
npm start

Setting up the Simulator

In order to take advantage of the live simulator, please follow the below steps in your project directory.

  1. Go to the reactide.config.js file and change the .html and .js entry points to the relative path of your respective files.
  2. In the terminal run: npm run reactide-server

For any questions, please look at the example project in the example folder for how to set-up webpack and dev-server.

Contributors

Jin Choi | Mark Marcelo | Bita Djaghouri | Pablo Lee | Ryan Yang | Oscar Chan | Juan Hart | Eric Pham | Khalid Umar | Rocky Liao

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].