A comprehensive type checking with TypeScript and flexible exporting in Classic React, Next.js, or Gatsby.js
ReacType is a prototyping tool that allows users to visualize their application architecture dynamically, employing a drag-and-drop canvas display and an interactive, real-time component code preview.
See your code preview update in real time as you build. React hooks are enabled for application lifecycle management.
React Hooks are enabled to handle your state across components. Also, pass in props from a parent component with the click of a button!
Developers can now share and upload ready made components in the newly developed marketplace.
Users can easily create and customize components and HTML elements by dragging them onto the canvas.
Create, update, and delete context that you can later assign to specific components. A tree will allow you to visualize the context hierarchy.
View dynamically created components/HTML elements in the component tree. Also check the State Management Tab for a D3 state flow diagram.
Add Next.js specific Link and Image components to link components to user-created pages and take advantage of Next.js image optimization.
Easily create routes with the Switch and Link router elements.
With the click of a checkbox, you can export your components with Jest and Enzyme tests for not just React, but Next and Gatsby apps as well! The exported folder will include pre-configured Webpack, Jest, and TypeScript files along with tests for your project.
Join a room and collaborate with others in real time.
Check out our wonderful contributors