wingetCollections
  • Auto
  • Search
  • Awesome Collections
  • Awesome Programs
  • My Favorite Collections
  • My Collections
  • Account / Settings
  • Terms of Service
  • Privacy
  • About

© 2025 winget.ragerworks.com

Loading...
Install ReacType using Winget - wingetCollections
  1. Go back
  2. Packages
  3. ReacType
ReacType logo

ReacType OS Labs

developer electron prototype react reactnative typescript
Use this command to install ReacType:
winget install --id=open-source-labs.ReacType -e

ReacType is a rapid prototyping tool designed to streamline the development process for React applications with TypeScript. It enables developers to visualize and build application architectures dynamically, leveraging drag-and-drop functionality, real-time component previews, and live collaboration features.

Key Features:

  • Dynamic Visualization: Create and modify application layouts using an interactive drag-and-drop canvas.
  • Real-Time Preview: See components rendered in real time as you design them, ensuring immediate feedback on changes.
  • Component Code Generation: Automatically generate React/TypeScript code from your prototypes for seamless integration into production workflows.
  • Collaboration Room: Work together with team members through live video and chat functionality to enhance teamwork and iteration.

Audience & Benefit: Ideal for developers, UI/UX designers, and development teams working with React and TypeScript. ReacType accelerates the prototyping phase by reducing manual setup time and enabling faster iterations. Its collaborative features foster better communication within teams, while its export capabilities allow for smooth transition from prototype to production.

ReacType can be installed via winget, making it accessible for developers across various environments. By bridging the gap between design and development, ReacType empowers teams to build applications more efficiently and effectively.

README

StarShield ContributorShield ForksShield License: MIT Version: 21.0.0

JavaScript TypeScript NodeJS Express.js React Redux Socket.io Vitest Babel Git MUI Electron.js MongoDB AWS Docker Vite

ReacType

ReacType is a React prototyping tool that allows users visualize their application architecture dynamically, employing an interactive drop and drag display with real-time component code preview and a collaboration room that features live video and chat functionality. Generated code can be exported as a app for developers employing React component architecture alongside the comprehensive type-checking of . In other words,

Versions
11.0.0
9.0.0
5.0.0
4.0.0
Website
github.com
License
Last Updated
5/15/2025
React
TypeScript
you can draw prototypes and export React / TypeScript code!

Visit reactype.dev to learn more about the product.

Follow @ReacType on Twitter for important announcements.

Changes with Version 22.0.0

  • UI/UX Updates: Updated the UI/UX to be more intuitive and user friendly, decreasing learning curve and improving accessibility.
  • Cleanup: Removed depreciated dependencies and unused code, migrated code and components to align with UI/UX direction, and cleaned up styling.
  • OAuth: Implemented OAuth with Google and Github for streamlined login and secure user accounts.
  • And more: See the change log for more details on what was changed from the previous versions, as well as plans for upcoming features!

Preview

Get a glimpse of how ReacType works!

File Structure of ReacType Version 22.0.0

Here is the main file structure:

Given to us courtesy of our friends over at React Relay

Run ReacType using CLI

  • Fork and Clone Repository.
  • Open the project directory.
  • Install dependencies.
npm install
  • Compile for production
npm run build
  • To run the production build
npm start
  • To run tests
npm run test
  • To run the development build
npm run dev

  • Open browser and navigate to localhost at specified port

  • Note that DEV_PORT and NODE_ENV flag (=production or development) are needed in the .env file.

  • Please note that the development build is not connected to the production server. npm run dev should spin up the development server from the server folder of this repo. For additional information, the readme is here. Alternatively, you can select "Continue as guest" on the login page of the app, which will not use any features that rely on the server (authentication and saving project data.)

  • If there are any errors on spin-up related to MONGO_DB, GITHUB_CLIENT, GITHUB_SECRET, GOOGLE_CLIENT, GOOGLE_SECRET, and SESSION_SECRET, those variables will have to be added to the .env file. To get Google and GitHub credentials, addtional information can be found at the following links: Google here and GitHub here.

Stack

Typescript, React.js, Redux Toolkit, Javascript, ESM, Node.js (Express), HTML, CSS, MUI, GraphQL, Next.js, Gatsby.js, Electron, NoSQL, Webpack, TDD (Vitest, React Testing Library, Playwright), OAuth 2.0, Websocket, SocketIO, Continuous Integration (Github Actions), Docker, AWS (ECR, Elastic Beanstalk), Ace Editor, Google Charts, React DnD, Vite

Contributions

Here is the up to date list of all co-developers of this product.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.