React Proto

React Proto

React application design and prototyping tool

8 followers

Visit website
•
•
React Proto aims to give developers and designers the tools necessary for creating clean, organized, and intentional code from the beginning of the development process. Defining your components, their hierarchy, and how they interact via state and props, can alleviate the need for refactoring, and unnecessary code as your application scales.
React Proto gallery image
React Proto gallery image
Launch tags:
Design Tools•Productivity•User Experience
Launch Team

What do you think? …

Sam Ayres
Looks really cool but I do think you guys should provide a general tutorial on how to use the app.
Erik Guntner
Maker
@sam_ayres Thanks for the suggestion! We will look into making a more thorough tutorial right now. In the mean time, you can visit our Github page where we have a "How to use" section you might find helpful. https://github.com/React-Proto/r...
Sam Ayres
@erikguntner Thanks for the reply, that is definitely helpful! I missed it because I visited the homepage over the github repo. It might be worth incorporating that small tutorial (for now) on the main app page too.
OhMeowMeow
@sam_ayres @erikguntner Can you make a video tutorial too? It would be nice what this is capable of before I invest my time on it.
Jacqueline von Tesmar
Hey @briantaylor & @erikguntner, Can you tell us more about what you've built here? What aspect are you most proud of?
Brian Taylor
Maker
Hey @jacqvon thanks for the comment. React Proto was built and designed with both developers and designers in mind. We wanted to build a tool that allowed developers to streamline the initial process of mocking up and developing client side applications with React. At it's core, React Proto was built using React, Electron along with a number of other libraries. With that said, our team is very proud of the implementation of KonvaJS within the application as well as the ability to generate component source code as shown in the second image above.
Ryan Trontz

This is the perfect middle ground between a whiteboard with a bunch of rectangles and making a full blown design in figma or sketch, all with output directly to a fully populated file structure in a working directory. Love it.

Pros:

Beautiful pairing with create-react-app. I can't believe how quickly I'm up and running in dev mode with my component structure.

Cons:

When can I make two projects at once?