react Flashcards
What is React?
A JavaScript library for building user interfaces
What is a React element?
objects you want to see on screen
How do you mount a React element to the DOM?
ReactDOM.render(whatYouWant, whereYouWantIt)
What is JSX?
a syntax extension that provides syntactic sugar to JavaScript
Why must the React object be imported when authoring JSX in a module?
JSX only works React
How can you make Webpack and Babel work together to convert JSX into valid JavaScript?
uses babel loader and updates JSX to valid JS
What is a React component?
a function that accepts properties as an argument and returns a React element
How do you define a function component in React?
function CapitalizedName (properties) { return Text Content
How do you mount a component to the DOM?
.render(ReactElem, domLocation)
What are props in React?
a special keyword in React used for passing data from one component to another
How do you pass props to a component?
Component Name attribute=’value’
How do you write JavaScript expressions in JSX?
with curly braces around it
How do you create “class” component in React?
class CapitalizedName extends React.Component {
render() {return ReactElement}
}
How do you access props in a class component?
this.props
What is the purpose of state in React?
keep track of a component’s dynamic data that changes over time and determines the component’s behavior
