This is a proposal for for the next major version of x0, which is a complete rewrite and would include some breaking changes. **Nothing is final**, this is meant to start a discussion around what set of features makes most sense for x0 when compared to ot
This is a proposal for for the next major version of x0, which is a complete rewrite and would include some breaking changes. Nothing is final, this is meant to start a discussion around what set of features makes most sense for x0 when compared to other options for developing and building small, static React applications.
This alpha version can be installed with the following tag:
npm i @compositor/x0@alpha
<head> in the component is no longer supportedgetInitialPropspackage.json configroutes array in package.json is no longer supportedwebpack.config.js file in the directory--config flag has been renamed to --webpackx0 components
Build to static site
x0 build components
Data fetching
class Page extends React.Component {
static getInitialProps = async () => {
return {
// ...someProps
}
}
render () {
return (
<h1>Page</h1>
)
}
}
--webpack Path to webpack config file
Dev Server
-o --open Open dev server in default browser
-p --port Port for dev server
Build
-d --out-dir Output directory (default dist)
-s --static Output static HTML without JS bundle
-t --template Path to custom HTML template
Options can be passed via the x0 field in package.json
"x0": {
"outDir": "site",
"template": "./html.js"
}
Head content can be configured in the package.json field
"x0": {
"title": "Hello",
"meta": [
{
"name": "twitter:card",
"content": "summary"
}
],
"links": [
{
"rel": "stylesheet",
"href": "https://fonts.googleapis.com/css?family=Roboto"
}
]
}
module.exports = ({
html,
css,
scripts,
title,
meta = [],
links = [],
}) => `<!DOCTYPE html>
<head>
<title>Custom Template</title>
${css}
</head>
<body>
<div id=root>${html}</div>
${scripts}
</body>
FAQs
This is a proposal for for the next major version of x0, which is a complete rewrite and would include some breaking changes. **Nothing is final**, this is meant to start a discussion around what set of features makes most sense for x0 when compared to ot
The npm package x0v5 receives a total of 1 weekly downloads. As such, x0v5 popularity was classified as not popular.
We found that x0v5 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.
Security News
In this segment of the Risky Business podcast, Feross Aboukhadijeh and Patrick Gray discuss the challenges of tracking malware discovered in open source softare.
Research
Security News
A threat actor's playbook for exploiting the npm ecosystem was exposed on the dark web, detailing how to build a blockchain-powered botnet.
Security News
NVD’s backlog surpasses 20,000 CVEs as analysis slows and NIST announces new system updates to address ongoing delays.