weld-renderer-react
Advanced tools
Universal/isomorphic Weld project renderer built in Next.js/React.
components: React components
elements
Button.js etcProject.jsScreen.jsElements.jspages: (1) Page componentlib: datastatic: e.g. CSS files, imagesProject includes a <head> and a Screen.
<Project
project={project}
projectId={projectId}
screenId={screenId}
customObjects={customObjects}
rendererUrl={rendererUrl}
windowProperties={windowProperties}
/>
<Screen
screen={screen}
layouts={project.breakpoints}
customObjects={customObjects}
windowProperties={windowProperties}
/>
Install first:
yarn install
Development:
yarn dev
Production:
yarn build
yarn start
New style:
http://localhost:3000/embed/-KgIjgXxmrYP7p1CnJ7e
http://localhost:3000/embed/-KgIjgXxmrYP7p1CnJ7e/screen1
Old style:
http://localhost:3000/?server=production&projectId=-KgIjgXxmrYP7p1CnJ7e&screenId=screen1
URL parameters:
projectId (required)screenIdserver defaults to 'production'.width screen width for optimized imagesdpr device pixel ratio for optimized images“Test Everything” project:
Other projects:
| Original Weld | Renderer (localhost) | Renderer (staging) | Renderer (production) | Fastly CDN |
|---|---|---|---|---|
| PoP Cares | RR local | RR staging | RR production | |
| Indiska 1 | RR local | RR staging | RR production | |
| TomSoderlund.com | RR local | RR staging | RR production | |
| HenricMalmberg.se | RR local | RR staging | RR production |
Embed in an IFrame:
http://localhost:3000/embed-test?server=production&projectId=-KgIjgXxmrYP7p1CnJ7e&screenId=screen1
FAQs
Universal/isomorphic Weld project renderer built in Next.js/React.
The npm package weld-renderer-react receives a total of 0 weekly downloads. As such, weld-renderer-react popularity was classified as not popular.
We found that weld-renderer-react demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer 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
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.