GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - sourcejs/sourcejs-react-bundle-example: Example of pre-configured SourceJS bundle for building React Component Libraries and Style Guides.

BranchesTags
Open more actions menu

Latest commit

 

History

15 Commits
15 Commits

Folders and files

NameName
Last commit message
Last commit date
specs
specs
 
 
.babelrc
.babelrc
 
 
.gitignore
.gitignore
 
 
README.md
README.md
 
 
index.src.html
index.src.html
 
 
info.json
info.json
 
 
license.md
license.md
 
 
options.js
options.js
 
 
package.json
package.json
 
 
pre-build-production.js
pre-build-production.js
 
 

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:

  • sourcejs-react-styleguidist
  • sourcejs-react-docgen

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.

About

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

Resources

Readme
MIT license
Activity
Custom properties

Stars

9 stars

Watchers

4 watching

Forks

1 fork
Report repository

Releases

Packages

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.