Performance Optimization

Optimize
this
React component
:
const
Dashboard
=
(
)
=>
{
const
[
data
,
setData
]
=
useState
(
[
]
)
;
const
[
filters
,
setFilters
]
=
useState
(
{
}
)
;
useEffect
(
(
)
=>
{
const
filtered
=
data
.
filter
(
item
=>
item
.
status
===
filters
.
status
)
.
map
(
item
=>
(
{
...
item
,
fullName
:
`
${
item
.
firstName
}
${
item
.
lastName
}
`
,
isActive
:
item
.
lastLogin
>
Date
.
now
(
)
- 86400000
}
)
)
;
setData
(
filtered
)
;
}
,
[filters]
)
;
return
(
<
div
>
{
data
.
map
(
item
=>
(
<
DashboardItem key
=
{
item
.
id
}
data
=
{
item
}
/
>
)
)
}
<
/
div
>
)
;
}
Focus on
:
1.
Render optimization
2.
State management
3.
Computation efficiency
4.
Memory usage