# Notes on React with JavaScript

Note 1: While React team didn't deprecate or has no plan to do so as of now. They seems more focused on functional approach which is more up to date. It's better to prefer functional approach over class one. We are going to do the same here as well.

Note 2: React component lifecycle events are only available in class components. This topic is added only to provide a brief overview on how react works under the hood.

# React

• Virtual DOM
• JSX

# Components

• Functional components
• Class components

# Component lifecycle

• Mounting
• Updating
• Unmounting

# Props

• React props
• Passing props value
• Passing props value as variable

# State

# React hooks

# Essential hooks

• State hook
• Effect hook
• Reducer hook
• Context hook
• Callback hook
• Memoization hook
• Reference hook

# Additional hooks

• Imperative handle hook
• Layout effect hook
• Debug value hook
• Custom hook