Prototyping Tool for exporting React/Typescript Applications!
Developer Improvement:
User Features:
Collaboration Room:
UI updates to enhance user experience:
Bugs Fixed:
- Collaboration Rooms: Official launch of v1 collaboration rooms - allowing developers to work together on the same project smoothly. The Collaboration Room also has user mouse tracking for increased ease in collaboration. - UI Updates: Designed with users in mind - the interface has been revamped for a sleeker, more user-friendly experience, now featuring intuitive icons. - Typescript Conversion: Typescript coverage is now increased to ~95%. - Cleanup: Removed unused code, fixed bugs, and made major performance improvements. - And more: See the change log for more details on what was changed from the previous versions, as well as plans for upcoming features!
Note: For comparing releases, v17 & v18 releases are pointing at the same version 3def788. Please compare v18 with v16 to see the difference between v17/v18 with v16
Improved Testing Coverage: Testing coverage has now doubled since version 15, and now sits at just over 50% coverage. Version 16 introduces end-to-end testing with Playwright and adds additional unit testing with React Testing Library. Major Bug Fixes: Manage Project Features now work as expected. State Manager now deletes state from parent components. Context Manager Display Tab and CSS Editor now rendering as expected. Typescript Conversion: Typescript coverage has improved from 30% to 80% with additional interfaces added for quality improvements. Live CSS Demo Rendering: CSS Editor changes now rendered visually in the demo page on save. Universal Exports on Web App: Export feature on web app now allows users to download the current project as a zip file with modularized component folder, html, and css file included. Export feature is now available to all users including guests. UI Improvements: Fixed multiple contrast issues with white text displaying on white background. Adjusted context manager interface for improved UX. Fixed border styling within modals and error messages. And more: See change log for more details on what was changed from the previous versions as well as plans for upcoming features!
Developer Improvements
npm install
without having to use an older version of node or using --legacy-peer-deps
. Updated to modern versions to take advantage of newer features.User Features
Added functionality & improvements:
Major UI changes:
Bug fixes:
Note for Mac users: After opening the dmg and dragging ReacType into your Applications folder, ctrl+click the icon and select 'Open' from the context menu to run the app. This extra step is necessary since we don't have an Apple developer license yet. If you are given a warning that Apple could not scan the app. Please follow these steps.
New Functionality:
Enhancements:
Deployment Updates:
Bug Fixes:
Note for Mac users: After opening the dmg and dragging ReacType into your Applications folder, ctrl+click the icon and select 'Open' from the context menu to run the app. This extra step is necessary since we don't have an Apple developer license yet. If you are given a warning that Apple could not scan the app. Please follow these steps.
Add/Delete Context: Create contexts in the Context Manager tab along with the data you wish to add to said context. A table to the right will display your selected context and the data associated with it.
Assign Context to Components: Within the Context Manager tab, the Assign tab will allow you to select an existing context and the component you wish to assign it to. Click on the arrow in the middle to confirm your selection.
Context Tree: Within in Context Manager tab, the Display tab will illustrate the context tree hierarchy. Click on each context to have a detailed overview of that context.
Context Code Preview: Once contexts have been assigned to the desired components, click ‘Export’ to incorporate context into your existing codebase so you can save it a complete React application.
New Features in v11.0.0
Enhanced Next.js Functionality: Create Next.js projects using the new Link and Image elements
More Dark Mode: Cleaned up the dark mode UI
Performance Enhancements: Reduced unnecessary re-rendering
Mac users: you may receive a warning saying ReacType cannot be opened because the developer is unverified. To get around this, open apple menu, system preference, security & privacy, general tab, and click on open ReacType anyways.