[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10144":3},{"id":4,"name":5,"fullName":6,"owner":5,"repo":5,"description":7,"homepage":8,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":15,"stars30d":16,"stars90d":15,"forks30d":15,"starsTrendScore":15,"compositeScore":17,"rankGlobal":9,"rankLanguage":9,"license":18,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":9,"pushedAt":9,"updatedAt":31,"readmeContent":32,"aiSummary":33,"trendingCount":15,"starSnapshotCount":15,"syncStatus":16,"lastSyncTime":34,"discoverSource":35},10144,"reactide","reactide\u002Freactide","Reactide is the first dedicated IDE for React web application development.","https:\u002F\u002Freactide.io",null,"JavaScript",10504,615,398,36,0,2,43.37,"MIT License",false,"master",true,[23,24,25,26,27,28,29,5,30],"desktop-app","devtools","electron","javascript","node","nodejs","react","redux","2026-06-12 02:02:17","\u003Cp align=\"center\">\u003Ca href='http:\u002F\u002Freactide.io\u002F'>\u003Cimg alt=\"reactide\" src=\"https:\u002F\u002Fi.imgur.com\u002FHRNmuJs.png\" width=\"30%\">\u003C\u002Fa>\u003C\u002Fp>\n\n[![GitHub license](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Freactide\u002Freactide)](https:\u002F\u002Fgithub.com\u002Freactide\u002Freactide\u002Fblob\u002Fmaster\u002FLICENSE.txt) [![PRs Welcome](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPRs-welcome-brightgreen.svg)](https:\u002F\u002Fgithub.com\u002Freactide\u002Freactide\u002Fpulls)\n\n### Reactide is the first dedicated IDE for React web application development.\nReactide 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.\n\n#### Reactide is in active development. Please follow this repo for contribution guidelines and our development road map.\n\n##\n\u003Cp align=\"center\">\n  \u003Cimg alt=\"Reactide Screenshot\" src=\"https:\u002F\u002Fi.imgur.com\u002FA29J8fs.jpg\">\n\n\u003C\u002Fp>\n\n## Get right to coding\nReactide 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.\n\n## State flow visualization.\nManaging 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.\n\nThe 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.\n\n## Integrated Terminal for powerful commands and workflows\nThe 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\u002Fbash for Unix, and cmd for Windows to provide powerful workflows to even seasoned developers.\n\n## Getting Started with Reactide\nThe 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:\n\n1. go to your terminal and type the following:\n```\ngit checkout 3.0-release\nnpm install\nnpm run webpack-production\nnpm run electron-packager\n```\n2. in your Reactide folder, navigate to the release-builds folder and double-click on Reactide (executable).\n\n## To check out Reactide in developer mode follow these instructions:\n1. go to your terminal and type the following:\n```\ngit checkout 3.0-release\nnpm install\nnpm run webpack-production\nnpm start\n```\n\n## Setting up the Simulator\nIn order to take advantage of the live simulator, please follow the below steps in your project directory. \n\n1. Go to the reactide.config.js file and change the .html and .js entry points to the relative path of your respective files. \n2. In the terminal run: `npm run reactide-server`\n\nFor any questions, please look at the example project in the example folder for how to set-up webpack and dev-server.\n\n## Contributors\n[Jin Choi](https:\u002F\u002Fgithub.com\u002Fjinihendrix) | [Mark Marcelo](https:\u002F\u002Fgithub.com\u002Fmarkmarcelo) | [Bita Djaghouri](https:\u002F\u002Fgithub.com\u002Fbitadj) | [Pablo Lee](https:\u002F\u002Fgithub.com\u002Fpablytolee) | [Ryan Yang](https:\u002F\u002Fgithub.com\u002Fryany1819) | [Oscar Chan](https:\u002F\u002Fgithub.com\u002Fchanoscar0) | [Juan Hart](https:\u002F\u002Fgithub.com\u002Fjuanhart1) | [Eric Pham](https:\u002F\u002Fgithub.com\u002FEP36) | [Khalid Umar](https:\u002F\u002Fgithub.com\u002Fkhalid050) | [Rocky Liao](https:\u002F\u002Fgithub.com\u002Fseemsrocky)\n","Reactide 是专为 React 网页应用开发设计的集成开发环境。它提供了一个内置的模拟器，支持实时重载和快速组件原型设计，从而简化了开发流程，让开发者无需频繁切换浏览器、IDE 和服务器即可完成工作。Reactide 集成了 Node 服务器与自定义浏览器模拟器，并支持 Create React App 快速配置项目模板。此外，它还提供了状态流可视化功能，帮助开发者通过动态加载的组件树轻松管理复杂应用的状态。适用于需要高效开发和调试 React 应用的各种场景，无论是初学者还是经验丰富的开发者都能从中受益。","2026-06-11 03:26:50","top_topic"]