State and props are two of the most important concepts when it comes to React as they determine how data is stored, managed and passed between components, but what are they and what is the difference between them?

State are used primarily to store and manage data in the component you are accessing, for example when your application loads it will most likely initialize some kind of state which will fetch some data and display it on screen. State is often used in parent components and is local only to that component.

Props on the other hand are used to pass data or functions between components, they are often used by parent components to pass something down to a child and can contain various types of data. For example a parent component might have a child component that takes in a value, executes a function and returns a new value, in order for the child component to receive this value the parent can pass it to the child using props.

Both state and props are effective methods for storing, managing and passing data between components, both can be used to trigger renders and both ensure your application can effectively maintain and manage state.