State

/ˈrʌn.taɪm/

noun — "when your code finally leaves the editor and starts making decisions on its own."

Runtime refers to the period during which a program is executing, from start to finish, and the environment in which it runs. It encompasses the system resources, libraries, and virtual machines that support the program, as well as the dynamic behavior of the code, such as memory allocation, exception handling, and I/O operations. Understanding runtime behavior is crucial for performance optimization, debugging, and ensuring reliability.

/reɪs kənˈdɪʃən/

noun — "outcome depends on timing, not logic."

/ˈkɒnˌtɛkst/

n. “Sharing state without prop-drilling chaos.”

Context in React is an API that allows data to be passed through the component tree without manually passing props at every level. It is designed to solve the problem of “prop-drilling,” where intermediate components receive props only to pass them down to deeper components that actually need the data.

/ˈriːˌdʌks/

n. “Predictable state. Fewer surprises.”

Redux is a state management library for JavaScript applications, most commonly used with React. Its core purpose is to centralize application state, making it predictable, traceable, and easier to debug. In complex applications, juggling state across multiple components can quickly become chaotic — Redux offers a structured solution.