September 2017
Intermediate to advanced
528 pages
15h 53m
English
Content preview from React QuicklyBecome an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
Start your free trial
Chapter 10. Project: Tooltip component
This chapter covers
- Understanding the project structure and scaffolding
- Building the Tooltip component
When you’re working on websites that have a lot of text, such as Wikipedia, it’s a great idea to allow users to get additional information without losing their position and context. For example, you can give them an extra hint in a box when they hover the cursor (see figure 10.1). This hint hover box is called a tooltip.
Figure 10.1. A tooltip appears when a user hovers their cursor over the marked text.
React is all about UIs and a better UX, so it’s a good fit for a tooltip implementation. Let’s ...