Better API for React — without JSX
Ever wondered how you could use React without any build tools, but keeping the
code as clean as with JSX? NoSX is a sane and lightweight alternative for
React.createElement that works without any build tools.
Open up your favourite editor and copy-paste this code:
<html>
<body>
<div id="root"></div>
<script type="module">
import ReactDOM from "https://cdn.skypack.dev/react-dom";
import { Div, H1, P } from "https://cdn.skypack.dev/nosx";
const App = () =>
Div(
H1("Hello from NoSX")
.style({ color: 'red' })
.id("You set props by chaining")
.className("as many props as you want"),
P("It's really this simple!")
)
const rootElement = document.getElementById("root");
ReactDOM.render(App(), rootElement);
</script>
</body>
</html>
That's all you need! No build tools, no hassle.
At the moment this project does not use any build tools. Just dig into the code!
This project is in the prototype phase, and it's published to NPM manually.
A better API for React
React.createElementThis project is in the early early prototype phase. If you'd like to contribute, please fork the repository and use a feature branch. Pull requests are warmly welcome.
The code in this project is licensed under MIT license.
FAQs
> Better API for React — without JSX
The npm package nosx receives a total of 9 weekly downloads. As such, nosx popularity was classified as not popular.
We found that nosx 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
Four npm packages disguised as cryptographic tools steal developer credentials and send them to attacker-controlled Telegram infrastructure.
Security News
Ruby maintainers from Bundler and rbenv teams are building rv to bring Python uv's speed and unified tooling approach to Ruby development.
Security News
Following last week’s supply chain attack, Nx published findings on the GitHub Actions exploit and moved npm publishing to Trusted Publishers.