04. A Study of STATE and PROPS in React Using Coded Examples

Part of "Thinking in React" involves a good understanding of state and props. *State* is where you store property values/data/information within a component. When the state object changes, the component re-renders. It consists of using the React useState hook: state and setState. *Props* is properties and takes care of passing data from one component to another. *Repo:* https://stackblitz.com/edit/react-qlqupl?file=04-state-and-props%2Fsrc%2FApp.js *Learn React Playlist:* https://www.youtube.com/playlist?list=PL9ScwCmt70i_mNQW-rPkIxjxMcvogSbPc *Next.js (TypeScript + App Router) and Tailwind CSS Playlist:* https://www.youtube.com/playlist?list=PL9ScwCmt70i_rtpLi490UXJcXaj4sEoRV Timestamp: 00:00 - Intro 00:29 - What it would be like in pure JavaScript, the foundation of React 0, to help us identify what state is 01:59 - State 04:37 - Props 11:23 - The End