protobuf-jsx
create statically generated message object from jsx
Installation
npm i -S protobuf-jsxUsage
- Enable
jsxintsconfig.json
{
"compilerOptions": {
"jsx": "react",
"jsxFactory": "Protobuf.createMessage"
}
}If you don't use TypeScript, check out how to register jsx factory for your tool chain.
- Write
jsxin your javascript file.
import Protobuf from '../src';
import { Feature, Point } from './fixtures/static_codegen/route_guide_pb';
const feature: Feature = (
<Feature name="hello" location={<Point {...point} />}></Feature>
);
// or using children render function
const feature: Feature = (
<Feature name="hello">{() => ({ location: <Point {...point} /> })}</Feature>
);Work with eslint
The following configurations prevent variables used in JSX to be marked as unused.
rules:
react/jsx-uses-vars: 2
plugins:
- react```