Skip to content

Commit 8ee9bc5

Browse files
authored
Update README.md
1 parent 42a4a6e commit 8ee9bc5

File tree

1 file changed

+19
-11
lines changed

1 file changed

+19
-11
lines changed

README.md

Lines changed: 19 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,6 @@
55
<h1 align="center">ReacType </h1>
66
</p> -->
77

8-
# ReacType
9-
108
<!-- PAST LOGOS -->
119
<!-- <p align="center">
1210
<img width="1000" src="https://i.imgur.com/enAcYvB.png">
@@ -49,30 +47,39 @@
4947
![AWS](https://img.shields.io/badge/AWS-%23FF9900.svg?style=for-the-badge&logo=amazon-aws&logoColor=white)
5048
![Docker](https://img.shields.io/badge/docker-%230db7ed.svg?style=for-the-badge&logo=docker&logoColor=white)
5149

50+
<h1 align="center">ReacType </h1>
51+
52+
**ReacType** is a rapid prototyping tool that allows users _visualize_ their application architecture dynamically, employing a _drag-and-drop canvas display_ and an interactive, _real-time component code preview_ that can be exported as a **React** app for developers employing React component architecture alongside the comprehensive type-checking of **TypeScript**. In other words, **you can draw prototypes and export React / TypeScript code!**
53+
5254
<p align="center">
5355
<img width="1000" src="./resources/reactype19.png">
5456
</p>
5557

56-
**ReacType** is a rapid prototyping tool that allows users _visualize_ their application architecture dynamically, employing a _drag-and-drop canvas display_ and an interactive, _real-time component code preview_ that can be exported as a **React** app for developers employing React component architecture alongside the comprehensive type-checking of **TypeScript**. In other words, **you can draw prototypes and export React / TypeScript code!**
57-
5858
Visit [reactype.dev](https://reactype.dev) to learn more about the product.
5959

6060
Follow [@ReacType](https://twitter.com/reactype) on Twitter for important announcements.
6161

62-
### Documentation
63-
64-
65-
<!-- NEED TO REPLACE THE TUTORIAL LINK -->
66-
6762
## Changes with Version 19.0.0
6863

6964
- **Collaboration Rooms**: Official launch of v1 collaboration rooms - allowing developers to work together on the same project smoothly.
7065
The Collaboration Room also has user mouse tracking for increased ease in collaboration.
71-
- **UI Updates**: Designed with users in mind - the interface is redesigned with a smoother look and more intuitive design.
66+
- **UI Updates**: Designed with users in mind - the interface is redesigned with a smoother, more intuitive look.
7267
- **Typescript Conversion**: Typescript coverage is now increased to ~95%.
7368
- **Cleanup**: Removed unused code, fixed bugs, and made major performance improvements.
7469
- **And more:** See the [change log](https://github.com/open-source-labs/ReacType/blob/master/CHANGE_LOG.md) for more details on what was changed from the previous versions, as well as plans for upcoming features!
7570

71+
<p align="center">
72+
<img width="1000" src="./resources/v19 collab room.png">
73+
</p>
74+
75+
## Preview
76+
77+
<p align="center">
78+
<img width="1000" src="./resources/demo19.gif">
79+
</p>
80+
81+
<!-- NEED TO REPLACE THE TUTORIAL LINK -->
82+
7683
## File Structure of ReacType Version 19.0.0
7784

7885
Here is the main file structure:
@@ -82,7 +89,8 @@ Here is the main file structure:
8289
</p>
8390
Given to us courtesy of our friends over at React Relay
8491

85-
Please refer to the Excalidraw provided by ReacType Version 14.0 for more details: https://excalidraw.com/#json=JKwzVD5qx6lsfiHW1_pQ9,XJ6uDoehVu-1bsx0SMlC6w
92+
Please refer to the [Excalidraw](https://excalidraw.com/#json=JKwzVD5qx6lsfiHW1_pQ9,XJ6uDoehVu-1bsx0SMlC6w) provided by ReacType Version 14.0 for more details.
93+
8694

8795
## Run ReacType using CLI
8896

0 commit comments

Comments
 (0)