this repo has no description
update crc card article
+5
-3
+5
-3
src/pages/posts/crc-cards-as-training-material.mdx
+5
-3
src/pages/posts/crc-cards-as-training-material.mdx
···
23
23
24
24
## The horrible `UserBookmarks` component 😨
25
25
26
-
Disclaimer: we're about to look at a very ugly code that is definetely doing too many things, (FYI it is a simplified version of a component in one of my project). The purpose of the discussion I have is to show to the tech lead that we really want to prevent this to happen and it is her mission to standardize it with her team.
26
+
We're about to look at a very ugly code that is definetely doing too many things. The purpose of the discussion I have is to show to the tech lead that we really want to prevent this to happen and it is her mission to standardize it with her team.
27
27
28
28
As the code does too many things, it can be hard to follow this post, but, I'll try my best to take you with me on this journey.
29
29
30
-
Let's say we have a `UserBookmarks` component.
30
+
Here is the `UserBookmarks` component:
31
31
32
32
```tsx
33
33
interface Props {
···
196
196
197
197
## Simplification
198
198
199
-
### <OrderTag order={1} /> only necessary property
199
+
Once we said all that, let's relook our component.
200
+
201
+
### <OrderTag order={1} /> only necessary prop
200
202
201
203
```tsx
202
204
interface Props {