Answer 1: The components are the basic building blocks of the React apps. The React component can be created using a JavaScript function or ES6 class.
Answer 2: The props and state are the input data for rendering the component. They are JavaScript objects and the component is re-rendered when the props or the state are changing.
Answer 3: The data flow is going from the parent component to child.
Answer 4: The components that have only props are called stateless components. The components that have both the props and the state are called stateful components.
Answer 5: JSX is the syntax extension for JavaScript and it is recommended to use with React.
Answer 6: The component life cycle methods are executed at the certain phases of the component's life cycle.
Answer 7: It is similar to handling DOM element events. The difference in React is that event naming uses camelCase naming convention for example, onClick
or onSubmit
.
Answer 8: The common case is that we want to invoke a JavaScript function that has access to form data after the form submission. Therefore we have to disable default behavior using preventDefault()
function. You can use input field's onChange
event handler to save the values from a input fields to the state.