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 0 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
Ransomware negotiators share how modern cybercriminals operate like corporations, using specialized teams, negotiation tactics, and reputation management.
Security News
PyPI confirms no security flaws were exploited in the Ultralytics supply chain attack and highlights improvements for safer package publishing.
Security News
Research
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.