A Simple element
React elements implement a render() methodology that takes computer files and returns what to show. this instance uses Associate in Nursing XML-like syntax referred to as JSX. computer file that's passed into the element will be accessed by render() via this. props.
A Stateful element
In addition to taking a computer file (accessed via this. props), an element will maintain internal state knowledge (accessed via this. state). once a component’s state knowledge changes, the rendered markup is going to be updated by re-invoking render().
Using props and state, we will place along with a little Todo application. this instance uses the state to trace the present list of things yet because of the text that the user has entered. though event handlers seem to be rendered inline, they'll be collected and enforced exploitation event delegation.
An element exploitation External Plugins
React permits you to interface with alternative libraries and frameworks. this instance uses outstanding, Associate in Nursing external Markdown library, to convert the ’s worth in real-time.