Projeto Drag and Drop com React e Framer Motion

Utilize o Framer Motion e construa uma playlist em que você poderá mudar a ordem das músicas utilizando drag and drop!

Assistir agora

1. Apresentação do Projeto

Todos os nossos projetos são gratuitos, porém os tutoriais são exclusivos para membros do Codante PRO. Algumas aulas estão abertas para você experimentar.

Se gostar, considere assinar para ter acesso a todos os tutoriais e apoiar o projeto!

Seu Instrutor

Roberto Cestari

Codante.io

Fundador e Professor no Codante.io.

Foi Tech Lead de front-end e professor especialista em React.

Formado e Mestre pela USP e formado pela FGV - EAESP.

Fundador e desenvolvedor da plataforma Trilhante, uma das maiores empresas de educação jurídica do país.

Aulas

Junte-se a outras 30 pessoas que estão fazendo esse mini projeto.

Projeto Drag and Drop com React e Framer Motion

Assistir agora

Seu Instrutor

Roberto Cestari

Aulas

Apresentação do Projeto

Instalando o template inicial

A estrutura do projeto

Os componentes Reorder do Framer Motion

Adicionando o Framer Motion ao Projeto

Adicionando Estado para tornar a lista reativa

A propriedade pointer-events do CSS

Finalização e próximos passos

Junte-se a outras 30 pessoas que estão fazendo esse mini projeto.