React Flashcards
Mono-flow AKA Unidirectional Data Flow
Application data moves in one direction, with rendering the view as the last step
Component
A self-contained module which is solely responsible for rendering the view.
Container
A self-contained module which is solely responsible for processing business logic and sending data down via props to other components to be rendered.
State
An object representing the current set of data which is passed down to other components and rendered. Is never altered directly, it is simply replaced with an updated _____ version. _____ IS PRIVATE; it is only accessed from within the component itself or is sent downwards via props.
Props
Data which gets passed down from containers to components. Usually contains server data, event handlers, or parts of the state.
Life Cycle Methods
React goes through a ___ _____ every time it detects a state change. ___ _____ _____ let developers have more control over how exactly to behave during this cycle.
Webpack
Program which compiles multiple files and outputs them into one which the browser is able to read.
ES6
New syntax for writing javascript which makes writing in React more intuitive.
JSX
Syntax for writing HTML directly in javascript
MV*
Stands for Model-View-Whatever. It is a way of conceptualizing how the view, data (model), and logic (whatever) should relate to each other in front-end applications. React has
Render Method
A method which each React component is required to have. It is responsible for generating (rendering) either HTML or other React components.
Virtual DOM
A separate representation of the DOM which contains newest version of the state of the app. React uses it to compare against the real DOM when deciding which parts of it to re-render to the view. The virtual DOM is what makes React so fast and efficient.
Constructor Method
A React component method which generates the initial state of the component as well as other component-specific properties.
