ribcage-preview
Advanced tools
Run a preview server with live reloading for a ribcage component
npm install -g ribcage-preview
ribcage-preview <dir>
<dir> should be the directory of the component you want to preview.
Create an example folder in your <dir> with an entry.js and an entry.css and optionally an entry.html.
.jsx files are also recognized. If the index file is .jsx, client-side JS will be off by default unless you pass a s or --client-jsx flag. The index.jsx file is always rendered by the server and the results appended to <div id=app>. Your example/entry.jsx should render into the same div.
open http://localhost:4001/default
This URL with livereload on every file change, and load in the compiled entry.js and entry.css.
FAQs
Run a preview server for a ribcage component
We found that ribcage-preview demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 5 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Malicious PyPI package ‘set-utils’ steals Ethereum private keys by exfiltrating them through blockchain transactions via the Polygon RPC.
Research
Security News
Malicious Go packages are impersonating popular libraries to install hidden loader malware on Linux and macOS, targeting developers with obfuscated payloads.
Security News
Bybit's $1.46B hack by North Korea's Lazarus Group pushes 2025 crypto losses to $1.6B in just two months, already surpassing all of 2024's $1.49B total.