Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

React Component to help with development of other React components

License

NotificationsYou must be signed in to change notification settings

testingisdocumenting/react-component-viewer

Repository files navigation

import{ComponentViewer}from'react-component-viewer';

screen example

React Component to help you with development of other React components.

  • just a component, no separate build system,
  • observe component states all at once or zoom into a single component or a screen for debugging,
  • user defined theme switching for multi brand/theme development.

Installation

npm install react-component-viewer --save-dev

CRA Example

import*asReactfrom'react';import{Registries,ComponentViewer}from'react-component-viewer';import{buttonsDemo}from'./demos/buttons';import{linksDemo}from'./demos/links';import{profileScreenDemo}from'./demos/profileScreen';import{formsDemo}from'./demos/forms';import{sideBySideDemo}from'./demos/sideBySide';constregistries=newRegistries({componentWrapper:DemoWrapper});registries.add('components').registerAsGrid('Links',300,linksDemo).registerAsTwoColumnTable('Buttons',buttonsDemo).registerAsRows('Inputs',inputsDemo);registries.add('layouts').registerAsRows('Side by Side',sideBySideDemo);registries.add('screens').registerSingle('Single Screen',profileScreenDemo).registerAsMiniApp('Single Screen mini app','/app',profileScreenDemo);exportclassAppextendsReact.Component{render(){return(<ComponentViewerregistries={registries}/>);}}

Read more

More detailed explanation

About

React Component to help with development of other React components

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors3

  •  
  •  
  •  
[8]ページ先頭
©2009-2025 Movatter.jp