Recriando Pipefy do zero (com drag n' drop) | Diego Fernandes

Faala dev, beleza?

Nesse vídeo eu vou recriar a interface do PIPEFY usando React :)

Se tiver alguma sugestão de interface para um próximo vídeo só deixar nos comentários :)

Vaaleu!

-----

Acompanhe a Rocketseat nas redes sociais:

[Hydra-BR]

Pra quem tá com erro em 33:27 quando ele começa a fazer o dnd, onde tem item: { type: 'CARD' }, coloca só type: 'CARD',

[tiagocunhafernandes]

Muito bom Diego! Tb quero mais “recriando” de web.

[GabrielLima-qrod]

A solução para o problema de mover um card pra uma lista vazia, talvez seria adicionar um card como se fosse um template, com aquele style com a borda dashed se a lista tivesse vazia, assim a lista não estaria vazia, vc teria um 'card' lá com a mesma lógica dos outros, apenas com o style diferente.

Vídeo muito bom! Aprendi muita coisa nova! Valeu Rocketseat pela contribuição na comunidade!

[celconeto]

Que Deus abençoe sua vida e sua carreira Diego e todos da RocketSeat pela bondade de nos disponibilizar conteúdos gratuitos tão ricos em conhecimentos, somente com micro video aulas que vocês disponibilizam já é possível adquirir um conhecimento gigante, muito obrigado!

[LuizRicardoFerreiraConstantino]

Era uma das funções que eu mais queria aprender a fazer, obrigado Diego, como sempre....showwww!!! Continue trazendo mais conteúdo de React também, quem sabe uma integração agora do seu "pipefy" com React Native.

[JoaoOliveira-fznv]

Faz um vídeo com a interface do Spotify.

[mhcdeveloper]

Como sempre o Diego com um material top !! Já chego apertando o joinha!

[vinaciotm]

Por favor faça a parte 2, continuando funcionalidades front ou criando api para o mesmo. Seria SHOW
outro pedido: CLONANDO NETFLIX

[israelmonteirobg]

Mano nada melhor que esse tipo de vídeo, com reactJS melhor ainda, é o que a galera usa mais. Esse tipo de vídeo na prática são SENSACIONAIS !!!!

[guilherme_capitao]

Boa Diego!!! Para quem não vive só de native é muito bom ver uns vídeos específicos de web hahaha. Faça mais desses por favor!

[glautonsantos]

Simplesmente um dos melhores canais de programação do YouTube. Meus parabéns pelo trabalho!

[gabrielsoardim]

Um dos melhores videos que ja vi !!!! Esse e o do electron MT bom continuem com esse quadro Amooo issso !

[aleodoni]

Show Diego. Concordo com a galera. Um dos melhores canais que acessei até hoje. Parabéns !

[nazarelisboa]

Como sempre a rocketseat mostra um novo conteúdo explicando de um jeito q todos entendem. Continuem assim que vcs só fazem a gente crescer!!!

[welliciaraujo]

Mano, faz algum tempo que eu tentava aprender react e não conseguia, depois que conheci esse canal as coisas ficaram bem mais claras pra mim. Parabens pelo trabalho vey, otima didatica.

[RenanAndradeMorcegon]

Fazer esse lance do css usando o ”+” pra pegar a partir da segunda é legal, mas dá pra fazer com o :not(:first-child) fica show.

[viniciusrangel]

Uma outra ideia legal para manter só o card Draggable seria criar um elemento invisível com flex 1 na lista, ou seja, ele ocuparia a área restante do card (Talvez quando houvesse muitos itens teria que rever uma coisa ou outra), mas acho que funcionaria legal também.
Conteúdo show de bola, parabéns.

[AlexandreFingerSobrinho]

O que falar de um material como este... simplesmente excelente!!!
Minha maior dificuldade foi que inventei de fazer com Typescript... mas valeu também pelo aprendizado!

[elvispalace]

Esse vídeo entrou no meu top 5 vídeos mais úteis q já vi no YouTube

[ricardobaltazar]

sinceramente, eu aprendo mais com os videos da rocketseat do que com cursos inteiros que tem pela internet