|
5 | 5 |
|
6 | 6 | [](https://github.com/team-reactype/ReacType/pulls)
|
7 | 7 | 
|
8 |
| - |
| 8 | + |
9 | 9 |
|
10 |
| -**ReacType** is a visual prototyping tool for developers employing **React** component architecture alongside the comprehensive type-checking of **TypeScript**. |
| 10 | +**ReacType** is a rapid prototyping tool for developers employing **React** component architecture alongside the comprehensive type-checking of **TypeScript**. |
11 | 11 | In other words, **you can draw prototypes and export React / TypeScript code!**
|
12 | 12 |
|
13 |
| -**ReacType** allows users to _visualize_ their application architecture dynamically, employing a _drag-and-drop canvas display_ and a _real-time component code preview_. Users can create components and drag _instances_ of these components, as well as HTML elements, onto the canvas. This architecture can then be _exported_ as TypeScript application files to be used as a starter template for any repository. |
| 13 | +**ReacType** allows users to _visualize_ their application architecture dynamically, employing a _drag-and-drop canvas display_ , a _real-time demo render_ , a _real-time component code preview_. Users can create components and drag _instances_ of these components, as well as HTML elements, onto the canvas. This architecture can then be _exported_ as TypeScript application files to be used as a starter template for any repository. |
14 | 14 |
|
15 | 15 | Download for [MacOS](https://github.com/team-reactype/ReacType/releases), [Windows](https://github.com/team-reactype/ReacType/releases/), [Linux](https://github.com/team-reactype/ReacType/releases/).
|
16 | 16 |
|
@@ -48,6 +48,13 @@ Download for [MacOS](https://github.com/team-reactype/ReacType/releases), [Windo
|
48 | 48 |
|
49 | 49 | ### Features
|
50 | 50 |
|
| 51 | + |
| 52 | +- **Live Render Demo**: Live render demo in React using Electron's sandbox environment. Updates in realtime to reflect canvas structure and customization options. |
| 53 | +- **Annotations**: Provide design notes directly on the canvas and have these persist while sharing designs with other engineers. |
| 54 | +- **CSS Editor**: Copy and paste custom css styles and classes into the editor and save to use personal or company designs in an instant. |
| 55 | +- **State & Props Creator**: Create custom state hooks with real-time updates in the code preview. |
| 56 | +- **Application Style Update**: Complete redesign of the entire application for enhanced user experience to maintain a single view application |
| 57 | + |
51 | 58 | - **Dashboard**: Click the 'Dashboard' button to view the Public Dashboard and User Dashboard.
|
52 | 59 | - **Like**: Like other people's templates by clicking on the thumbs up icon.
|
53 | 60 | - **Comment**: Comment on other templates by typing in the input field and clicking the comment icon.
|
|
0 commit comments