mirror of
https://github.com/reactjs/react.dev.git
synced 2026-02-22 20:01:57 +00:00
docs: Improve "Thinking in React" for color-blind people (#3883)
This commit is contained in:
committed by
GitHub
parent
075b69cd6b
commit
cabe649090
@@ -39,9 +39,9 @@ But how do you know what should be its own component? Use the same techniques fo
|
||||
|
||||
Since you're often displaying a JSON data model to a user, you'll find that if your model was built correctly, your UI (and therefore your component structure) will map nicely. That's because UI and data models tend to adhere to the same *information architecture*. Separate your UI into components, where each component matches one piece of your data model.
|
||||
|
||||

|
||||

|
||||
|
||||
You'll see here that we have five components in our app. We've italicized the data each component represents.
|
||||
You'll see here that we have five components in our app. We've italicized the data each component represents. The numbers in the image correspond to the numbers below.
|
||||
|
||||
1. **`FilterableProductTable` (orange):** contains the entirety of the example
|
||||
2. **`SearchBar` (blue):** receives all *user input*
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 32 KiB |
Reference in New Issue
Block a user