- Elements and JS
- Components and Props
- Lists and Keys
- Events and Event Handlers
- State and useState
- Side Effects and useEffect
- Performance and useCallback
- Memoization and useMemo
- Refs and useRef
- Context and useContext
- Reducers and useReducer
- Writing custom hooks
- Rules of hooks
This is the basic syntax for a React element:
// In a nutshell, JSX allows us to write HTML in our JS
// JSX can use any valid html tags (i.e. div/span, h1-h6, form/input, etc)