Commit: Aplicação com Redux - Criando reducer do player
Nessa aula, vamos configurar um slice da store do Redux para armazenar os dados dos módulos e aulas. Em seguida, utilizaremos o hook useAppSelector para recuperar essas informações na página.
modules
:
[
{
id
:
'1'
,
title
:
'Iniciando com React'
,
lessons
:
[
{
id
:
'Jai8w6K_GnY'
,
title
:
'CSS Modules'
,
duration
:
'13:45'
},
{
id
:
'w-DW4DhDfcw'
,
title
:
'Estilização do Post'
,
duration
:
'10:05'
},
{
id
:
'D83-55LUdKE'
,
title
:
'Componente: Header'
,
duration
:
'06:33'
},
{
id
:
'W_ATsETujaY'
,
title
:
'Componente: Sidebar'
,
duration
:
'09:12'
},
{
id
:
'Pj8dPeameYo'
,
title
:
'CSS Global'
,
duration
:
'03:23'
},
{
id
:
'8KBq2vhwbac'
,
title
:
'Form de comentários'
,
duration
:
'11:34'
},
],
},
{
id
:
'2'
,
title
:
'Estrutura da aplicação'
,
lessons
:
[
{
id
:
'gE48FQXRZ_o'
,
title
:
'Componente: Comment'
,
duration
:
'13:45'
},
{
id
:
'Ng_Vk4tBl0g'
,
title
:
'Responsividade'
,
duration
:
'10:05'
},
{
id
:
'h5JA3wfuW1k'
,
title
:
'Interações no JSX'
,
duration
:
'06:33'
},
{
id
:
'1G0vSTqWELg'
,
title
:
'Utilizando estado'
,
duration
:
'09:12'
},
],
},
],