Skip to content

Example of pre-configured SourceJS bundle for building React Component Libraries and Style Guides.

License

Notifications You must be signed in to change notification settings

sourcejs/sourcejs-react-bundle-example

Repository files navigation

SourceJS React Styleguide Bundle Example

Example of pre-configured SourceJS bundle for building React Component Libraries and Style Guides.

Based on latest SourceJS 0.6 nightly builds, and a bunch of plugins:

Available features:

  • Live code editor
  • Automatic React Doc generation
  • Hot Module Replacement
  • Clarify mode for responsive testing
  • Advanced navigation support
  • SourceJS ecosystem support

Live demo

image

Setup

npm i && npm start
open http://127.0.0.1:8080

To update SourceJS (in case of new installed plugins), run

npm run build-source

Writing Documentation

Example components are placed into ./specs folder. Each component has its JSX/CSS sources, readme.md documentation with component examples and text description and info.json meta file.

Simple, but extendable syntax allows automatically building rich component presentation pages.

# Placeholder Spec

<%- info.__docGenRaw.description %>

## Properties

<%- info.__docGenHTML %>

## Basic placeholder

```jsx
<Placeholder type="beard"/>
```

Renders into

image


License

The MIT License, see the included license.md file.