ReactPrimer

React component prototyping tool that generates fully connected class component code.

reactvisualizationjavascriptboilerplategeneratorcomponentskeletoncreate-react-appreactjsreact-componentreact-boilerplatedeveloper-tools

Preview

ReactPrimer preview

Overview

React Primer is a desktop application for prototyping React component hierarchies visually before writing code. It uses React, Electron and Webpack to let developers name components, define parent-child relationships, drag to reorganize trees and export fully connected class component code ready to use in new or existing projects.

Features

visual-component-prototypingclass-component-code-generationdrag-and-drop-hierarchycomponent-tree-managementexport-to-foldersave-load-projectsparent-child-relationships

Feature Flags

blogteamsOrgsformsValidationcomponentGenerationvisualizationcodeExportprojectManagement

Recommended Use Cases

react-component-prototypingcomponent-hierarchy-planningrapid-component-scaffoldingpre-development-visualization

Frontend

reactelectronwebpack

Backend

None

Auth Providers

None

Deployment Targets

rendermacoswindowslinux

Payment Providers

None

Quick Facts

โญ Stars
735
๐Ÿด Forks
34
๐Ÿงพ License
mit
๐Ÿ”„ Active
Unknown
๐Ÿ•’ Last Commit
2017-11-29T00:41:06Z

Stack

Framework
react
Language
javascript
CI
travis-ci

Data Layer

UI Stack

Components
react

Developer Experience

Docker
No
Tests
No
Quickstart
Yes
env.example
No
CI
travis-ci

Pricing

Classification
free
Selected
โ€”
Notes
Open source project with no pricing tiers
Get Started with this Boilerplate