JSX — Allows us to write HTML like syntax which gets transformed to lightweightJavaScript objects.

Virtual DOM — A JavaScript representation of the actual DOM.

React.Component — The way in which you create a new component.

render (method) — Describes what the UI will look like for the particular component.

ReactDOM.render — Renders a React component to a DOM node.

state — The internal data store (object) of a component.

constructor (this.state) - The way in which you establish the initial state of a component.

setState — A helper method used for updating the state of a component and re-rendering the UI

props — The data which is passed to the child component from the parent component.

propTypes — Allows you to control the presence, or types of certain props passed to the child component.

defaultProps — Allows you to set default props for your component.

Component LifeCycle

• componentDidMount — Fired after the component mounted
• componentWillUnmount — Fired before the component will unmount
• getDerivedStateFromProps - Fired when the component mounts and whenever the props change. Used to update the state of a component when its props change

Events

• onClick
• onSubmit
• onChange