React Suspense comes handy when you want to show an indication to user that something is loading in your app. Loader is the simplest example for a Suspense component. Let’s deep dive into the details of Suspense.
I’m creating an online handbook about React that will cover all the basic topics. Unlike a physical handbook, this online book will evolve over time as I continue to learn and grow. I’ll keep updating the topics whenever I discover something new.
Please note that these essays and notes are not entirely my original work. I’ve compiled them from various sources, including books, blogs, videos, and even ChatGPT. I’ve credited the original authors at the bottom of each post. My goal is to create a personal reference notebook that I can use to revisit concepts and to make this resource publicly available for others to benefit from as well.
What is React
- What is React?
- What is React DOM?
- Difference between React and React DOM
- How React works?
- What is React Reconciliation?
- Rules of React
- Components and Hooks must be pure
- React calls Components and Hooks
- Rules of Hooks
CLI Tools
- Create a project with Vite.
- Create a project with Create React App
Components
- React components
- Class components
- Functional components
- Controlled and uncontrolled components
- JSX
- State: A Component’s Memory
- Props
- Conditional rendering
- Composition
Built-in React Components
Rendering
- Components life cycle
- List and keys
- Render props
- Refs
- Events
- High Order Components
Hooks
- Hooks
- useCallback
- useContext
- useDebugValue
- useDeferredValue
- useEffect
- useId
- useImperativeHandle
- useMemo
- useReducer
- useRef
- useState
- useSyncExternalStore
- useTransition
What are your thoughts on this post?
I’d love to hear from you! Click this link to email me—I reply to every message!
Also use the share button below if you liked this post. It makes me smile, when I see it.