Security News
JSR Working Group Kicks Off with Ambitious Roadmap and Plans for Open Governance
At its inaugural meeting, the JSR Working Group outlined plans for an open governance model and a roadmap to enhance JavaScript package management.
@condenast/xml-to-react
Advanced tools
Converts an XML document into a React tree.
Proudly built by:
This library may only be used in projects using React version 0.13.x or greater.
npm install --save xml-to-react
This assumes you are using npm as your package manager.
import XMLToReact from 'xml-to-react';
const xmlToReact = new XMLToReact({/* converters */});
const reactTree = xmlToReact.convert(/* XML string */);
Convert XML nodes into DOM elements with any provided attributes
import ReactDOM from 'react-dom';
import XMLToReact from 'xml-to-react';
import MyListItem from './MyListItem';
const xmlToReact = new XMLToReact({
Example: (attrs) => ({ type: 'ul', props: attrs }),
Item: (attrs) => ({ type: MyListItem, props: attrs })
});
const reactTree = xmlToReact.convert(`
<Example name="simple">
<Item i="1">one</Item>
<Item>two</Item>
<Item>three</Item>
</Example>
`);
ReactDOM.render('app-container', reactTree);
export default function MyListItem({ children, i }) {
return <li data-i={i}>{children}</li>;
}
This example would render the following:
<div id="app-container">
<ul name="simple">
<li data-i="1">one</li>
<li>two</li>
<li>three</li>
</ul>
</div>
Converters are required mapping functions that define how an XML node should be converted to React. A converter must return an object in the format { type, [props] }
, which is intended to be passed to React.createElement
.
type
- required tagName, React component, or React fragmentprops
- (optional) props objectfunction myConverter(attributes) {
return {
type: 'div',
props: {
className: 'test'
}
}
}
XMLToReact
constructorThe XMLToReact
class is instantiated with a map of converters.
{
nodeName: converterFunction
}
convert( xml, data )
xml
{string}
- xml node or documentdata
{Object}
- (optional) any data to be passed to all convertersSee the list of contributors who participated in writing this library.
1.0.0 - 2018-03-01
FAQs
Converts an XML document into a React tree
The npm package @condenast/xml-to-react receives a total of 203 weekly downloads. As such, @condenast/xml-to-react popularity was classified as not popular.
We found that @condenast/xml-to-react demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 263 open source maintainers 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
At its inaugural meeting, the JSR Working Group outlined plans for an open governance model and a roadmap to enhance JavaScript package management.
Security News
Research
An advanced npm supply chain attack is leveraging Ethereum smart contracts for decentralized, persistent malware control, evading traditional defenses.
Security News
Research
Attackers are impersonating Sindre Sorhus on npm with a fake 'chalk-node' package containing a malicious backdoor to compromise developers' projects.