Este assunto é muito interessante, Diego! Minha primeira experiência com offline first foi desenvolvendo o app Situs Arqueologia. Usei React Native e RealmDB. Ele já está na Google Play e a princípio está rodando tudo ok. Certamente o conteúdo aqui do canal foi essencial no meu crescimento, portanto obrigado!
Até hoje não tive tanta curiosidade sobre o OfflineFirst, mas esse vídeo me mostrou novas possibilidades e ferramentas que já quero estudar haha, agora que estou pegando firme com o React Native vai ser muito legal implementar esse modelo nos apps Obrigado Diegão!!
Eu recebi uma proposta de projeto que precisaria de algumas funcionalidades offline e eu não tinha ideia de como começar a implementar, esse vídeo clareou minha mente e me deu um norte muito grande para evoluir a aplicação
O conteúdo do vídeo foi de grande ajuda pra mim, com certeza colocarei isso em um projeto que tenho pra desenvolver nesse ano. Esse Kubuntu também ficou ótimo. Lindão mesmo, podia gerar uma imagem dele e disponibilizar pra nós, hehehehe, ou fazer um vídeo mostrando como configurar todo ele.
Cara veio na hora perfeita, tinha começado seguindo o video antigo um app e tava dando um trabalho do caramba kkk Faz um mostrando como funciona essa conexão do Watermalon com a API pls Valeuu
Diego, o equivalente a 'open' no Linux é xdg-open, você pode fazer um alias que te ajuda a lembrar, é necessário pois no Linux cada interface implementa sua própria maneira de abrir arquivos e URLs, xdg-open basicamente detecta a melhor opção para seu sistema e executa.
Eu sempre fiz assim: uso um banco de dados SQLlite, e para cada tabela eu crio uma flag e data de alteração, se uma informação for alterada ou cadastrada, quando o usuário tiver conexão com a internet, eu envio todas as alterações que possuem a flag pendente para o banco de dados remoto, e depois aplico um update informando que aquela informação foi sincronizada.
WaterMelon. Gostaria de saber as palavras chaves utilizadas para ter encontrado essas libes mais hidden, podia ter um Masterclass com esse tipo de dica, Pq encontrar informações com boa pesquisa é um tipo de poder. Essa aula já estava na espera, que bom que demorou mas chegou rápido. O/
O app do Bradesco possui umas funcionalidades que funcionam sem internet, como por exemplo: o acesso a conta, visualização do saldo, recarga de telefones, etc. Em si eu acho que ele usa o sinal da rede mais próxima para se comunicar com o banco de dados.
Diegão, traz pra nós o WatermelonDB!!! Voce comentou que ele suporta decorators ou observables do typescript, fui pesquisar e também não entendi muita coisa, até porque sou iniciante no TS. Se puder já dar uma explicada nesses conceitos que traz na homepage do Watermelon, seria de muita valia também!
Parabéns pelo conteúdo!! Conheci seu canal através da indicação de um amigo!! Você é de Rio Do Sul? Sou da cidade de Taió!! Você oferece cursos presenciais? Mês que vem início desenvolvimento de Sistemas no Senai!
Faala Gean! Isso, tanto o Diego quanto a Rocketseat em si é de Rio do Sul. Nós temos um treinamento mas ele é totalmente online. No link abaixo você pode ver mais detalhes!! rocketseat.com.br/gostack
Faaaala Diego! Como aplicaríamos o off-line first caso os payloads fossem imagens,ou arquivos de áudio, e não simples objetos ? Exemplo: eu acumularia uma série de arquivos de mídia, e quando tivesse conexão disponível, faria esse upload para um s3 ou google cloud storage... Existe algum paradigma, ou ferramental pra resolver esse problema ?
Vídeo top em! Tenho uma dúvida não em relação ao React Native e sim para Web (PWA), na parte de autenticação sobre salvar a identificação do usuário em um storage seguro dentro da aplicação, existe algum seguro para web? Atualmente eu utilizo muito o localStorage e o IndexedDB, mas de seguro não tem nada né, qualquer um pode ir lá e olhar os dados.
acredito que você deve se preocupar mais na segurança da API, fazer com que o token tenha permissões para apenas os registros que pertencem a ele, etc.... pq realmente no front n tem nada que o usuário n possa ver, até pq tá tudo "local" né
um problema que vejo mtt acontecer é tokens tendo permissões para todo tipo de registro Ex em uma aplicação como o YT: usuário pode deletar vídeos de outro usuário requisitando um DELETE em /video/
@@sampaioleal2140 Entendi. Na verdade eu já faço isso de validar o usuário, mas valeu pela dica, o negócio é tentar blindar ao máximo as autorizações do usuário no backend como você falou. Obrigado.
Depende mto do que quer fazer e usar, pq cada um tem suas peculiaridades e melhoras, por exemplo, usar docker no Windows não é mto legal, mas no Linux é melhor, já usar o Android Studio no Linux dar mto trabalho que no Windows por exemplo é melhor, tem que olhar a necessidade do q vc vai fazer
Na empresa que trabalho estamos utilizando RealmDB quando está offline e quando está online utilizamos o Postgres, e há toda uma lógica de sincronia de dados entre os DB's
Cara, preciso fazer um app em que eu possa inserir animações em uma gravação live do face... Tipo: Camera -> app insere animações (css, js, geradas no after fx) -> vídeo resultado é transmitido como saída final pra captura do face Que plugins devo procurar
Na verdade sempre utilizamos os 2! Porém o Linux tem se mostrado muito melhor para gravar as aulas e também fica mais perto do mesmo ambiente que a maioria dos alunos utilizam 💜
Também queria saber, mas meu chute é de que seja pra quebrar um pouco do distanciamento inicial que criam com novos alunos/visitantes quando os veem usando Mac.
22:00 "Gambiarra a gente aceita, a gente não aceita é a derrota" - Martins, Leon
Hahahahahha 💜💜
#GAGA
Pode trazer conteúdo sobre o WaterMelon DB, Diego.
Este assunto é muito interessante, Diego! Minha primeira experiência com offline first foi desenvolvendo o app Situs Arqueologia. Usei React Native e RealmDB. Ele já está na Google Play e a princípio está rodando tudo ok. Certamente o conteúdo aqui do canal foi essencial no meu crescimento, portanto obrigado!
Que massa Rodrigo!! Valeeu pelo feedback! 💜💜
Acho bem legal esse tipo de vídeo, explicando o conceito, fazer pensar sobre a aplicação como vc tem que pensar na construção.
Faz de WaterMelon DB, Diego. Obrigado pelo conteúdo.
Até hoje não tive tanta curiosidade sobre o OfflineFirst, mas esse vídeo me mostrou novas possibilidades e ferramentas que já quero estudar haha, agora que estou pegando firme com o React Native vai ser muito legal implementar esse modelo nos apps
Obrigado Diegão!!
Showww demais!! Sempre muito bom os conteúdos!!
Sucesso para todos nós DEVs!!! 🙏🏻🙏🏻🙏🏻
Esse assunto merecia uma playlist a parte.
Hahah quem sabe! 💜💜
Isso é super importante e nao temos muitos conteudos na pratica na internet. Parabens rocketseat. Só pelos proximos!
Eu recebi uma proposta de projeto que precisaria de algumas funcionalidades offline e eu não tinha ideia de como começar a implementar, esse vídeo clareou minha mente e me deu um norte muito grande para evoluir a aplicação
Como ficou o projeto?
@@Oculterous foi concluído e eu vendi o código. Era um sistema de vendas que armazenava os pedidos offline
O conteúdo do vídeo foi de grande ajuda pra mim, com certeza colocarei isso em um projeto que tenho pra desenvolver nesse ano. Esse Kubuntu também ficou ótimo. Lindão mesmo, podia gerar uma imagem dele e disponibilizar pra nós, hehehehe, ou fazer um vídeo mostrando como configurar todo ele.
Grande Diego. Tô queimando minha ponte de 10 anos Acredito muito no que vcs ensinam. Obrigado
Super top o conteúdo
Seria top fazer um vídeo mostrando um pouco mais da capacidade do WatermelonDB e a sincronia de dados que ele oferece.
Massa, mestre !!. Vamos codar.
Excelente conteúdo!
Valeeeu pelo feedback Thallysson! 💜
Cara veio na hora perfeita, tinha começado seguindo o video antigo um app e tava dando um trabalho do caramba kkk
Faz um mostrando como funciona essa conexão do Watermalon com a API pls
Valeuu
Fala, Igor! Valeeu pela sugestão! 💜
Continua falando sobre offline first!
Opa!! Valeeu pela sugestão Daniel! Vamos tentar trazer mais conteúdo sim! 💜
Diego, o equivalente a 'open' no Linux é xdg-open, você pode fazer um alias que te ajuda a lembrar, é necessário pois no Linux cada interface implementa sua própria maneira de abrir arquivos e URLs, xdg-open basicamente detecta a melhor opção para seu sistema e executa.
Boaa Gabriel! Valeeu! 💜💜
22:21 - ESPERA, O DIEGO SABE COMO QUE SAI DO VIM? 😮
acho que eu não aprendi até hoje, quando acho que aprendi, eu esqueço kkkkkkkkkkkkkkk
Ele teve que formatar o pc no meio do vídeo, pode ver que tem um corte
sempre dou um google kkkkkkkkkkk
nunca entendi esse meme kkkk coisa mais facil sair do vim, é só desligar a energia da casa e ligar denovo
@@fabioramatis2373 kkkkkkkkkkkkkkk
Diego, vc falou sobre o graphql, dá pra fazer offline first apenas com graphql?
28:45 cinto de utilidades kkkk. que massa
Hahaha boa!! 🚀
React-Native-Offline é uma boa dica para um futuro vídeo.
Fala Losangelo! Valeeu pela sugestão! 💜
Diego, obrigado pelo conteúdo. Sempre grato por seu trabalho... agora manda o link aí para comprar essa blusa ai man ?!
hahahahha. Valeeu pelo feedback do Diego, Diego 💜
Tras conteudo utilizando o watermelon e essa parte de sync com API
Top demais!
E que distro Linux é essa com KDE? :)
Faz do WatermelonDB, mostrando como ficaria a Sync em relacionamentos, dos quais ambos foram cadastrados offline...
Fala, Douglas! Valeeeu pela sugestão!! 💜💜
@@rocketseat Não fizeram nada mais sobre o assunto?
Uma coisa que temos que ter noção também é a LGPD, tem dados que devem ser tratado como privado pelos sistemas.
Seria fantástico ver algum desses bancos de dados integrados com o Redux ou Redux Saga. Ou até mesmo substituindo-os.
Eu sempre fiz assim: uso um banco de dados SQLlite, e para cada tabela eu crio uma flag e data de alteração, se uma informação for alterada ou cadastrada, quando o usuário tiver conexão com a internet, eu envio todas as alterações que possuem a flag pendente para o banco de dados remoto, e depois aplico um update informando que aquela informação foi sincronizada.
opa joão tudobem? estou tentando fazer algo parecido com vc, na verdade é quase igual, vc tem um exemplo no git de como fez isso?
WaterMelon.
Gostaria de saber as palavras chaves utilizadas para ter encontrado essas libes mais hidden, podia ter um Masterclass com esse tipo de dica, Pq encontrar informações com boa pesquisa é um tipo de poder.
Essa aula já estava na espera, que bom que demorou mas chegou rápido. O/
O app do Bradesco possui umas funcionalidades que funcionam sem internet, como por exemplo: o acesso a conta, visualização do saldo, recarga de telefones, etc. Em si eu acho que ele usa o sinal da rede mais próxima para se comunicar com o banco de dados.
Mostra como funciona a sync do watermelon no lado do servidor . e qdo o servidor tem dados a enviar?
BOA NOITE FERA!!
Tem um vídeo já usando rn + watermelon db que fizeram, ano passado
Diegão, traz pra nós o WatermelonDB!!! Voce comentou que ele suporta decorators ou observables do typescript, fui pesquisar e também não entendi muita coisa, até porque sou iniciante no TS. Se puder já dar uma explicada nesses conceitos que traz na homepage do Watermelon, seria de muita valia também!
Faala Arthur! Valeeu pela sugestão! 💜
@@rocketseat será que é o diego que responde? 😱😱😱
Offline first com expo não rola né? Conteúdo muito top
Parabéns pelo conteúdo!! Conheci seu canal através da indicação de um amigo!!
Você é de Rio Do Sul?
Sou da cidade de Taió!! Você oferece cursos presenciais?
Mês que vem início desenvolvimento de Sistemas no Senai!
Faala Gean! Isso, tanto o Diego quanto a Rocketseat em si é de Rio do Sul. Nós temos um treinamento mas ele é totalmente online. No link abaixo você pode ver mais detalhes!!
rocketseat.com.br/gostack
Diego no meu caso eu o cliente vai acessar o conteúdo premium off-line. A única diferença e dados de conteúdo favorito
Faaaala Diego! Como aplicaríamos o off-line first caso os payloads fossem imagens,ou arquivos de áudio, e não simples objetos ? Exemplo: eu acumularia uma série de arquivos de mídia, e quando tivesse conexão disponível, faria esse upload para um s3 ou google cloud storage... Existe algum paradigma, ou ferramental pra resolver esse problema ?
O que vocês recomendariam de tecnologia para processar atualizar uma grande quantidade de informação?
diegão de KDE, hehehe, adorei
Olá Diego, eu acho que a primeira pergunta que devia ser feita, é qual o aplicativo implementar-se-á a funcionalidade de offline first.
Show!!
Acho que o mais importante pra entender primeiro é o banco de dados, então, manda o vídeo de WatermelonDB, Diego.
Opa!! 💜💜
Diego mostra como vc configurou o teu linux
up !
Vale um projetinho com Watermelon e uma estrutura de código "correta" para a implementação do offline first (filas, sync e cache).
Opa! Valeeu pela sugestão Daniel! 💜
Todo mundo falando First e eu offline aqui
Diego, conseguiria fazer uma abordagem rápida com websockets e offline first?
Faala Alexandre! Valeeu pela sugestão! 💜
Achei pouco conteudo sobre WaterMelon DB no YT, ajuda nós aí Diego! (CodeDrops sem código foi meio tenso hein)
Hahahah valeeeu Renan! 💜
Vídeo top em!
Tenho uma dúvida não em relação ao React Native e sim para Web (PWA), na parte de autenticação sobre salvar a identificação do usuário em um storage seguro dentro da aplicação, existe algum seguro para web? Atualmente eu utilizo muito o localStorage e o IndexedDB, mas de seguro não tem nada né, qualquer um pode ir lá e olhar os dados.
acredito que você deve se preocupar mais na segurança da API, fazer com que o token tenha permissões para apenas os registros que pertencem a ele, etc....
pq realmente no front n tem nada que o usuário n possa ver, até pq tá tudo "local" né
um problema que vejo mtt acontecer é tokens tendo permissões para todo tipo de registro
Ex em uma aplicação como o YT: usuário pode deletar vídeos de outro usuário requisitando um DELETE em /video/
@@sampaioleal2140 Entendi. Na verdade eu já faço isso de validar o usuário, mas valeu pela dica, o negócio é tentar blindar ao máximo as autorizações do usuário no backend como você falou. Obrigado.
@@NewtonJR1987 pse, eu duvido muito que venha ter algo assim "seguro" no front
O jeito é blindar o back que é oq a gente tem controle
Trocou o Mac por linux ou está só testando algo novo?
O RealmDB e o Wtermelon são usados para React Native? Ou dá para usar com o React e Node?
Fala dev! São para o RN! 💜
First!
Second
muito bom
Faz um video falando das opções de libs para React Js
Acho que n tem MT sentido em offline First para sites, já que eles precisam ser acessados e tal?
O browser/navegador que o Diego usa é o Vivaldi. Comentei porque fui procurar e não achei aqui no comentários kkkk
Vlw, fiquei procurando tb alguém comentando sobre
Hahah esse mesmo! 💜
Se eu estiver usando Apollo com Graphql e colocar as querys em cache, também é uma forma de trabalhar com offline-first?? #PR
Fala, Romulo! Valeeu pela sugestão para o #PR! 💜
Coincidência, ouvi hj de manhã o faladev #17
Coincidência nada, nós lemos mentes! 🔮
Como que faz Offline first com aplicação PWA?
traz conteudo de watermelon na parte de syncronismo
Faala dev! Valeeu pela sugestão!! 💜
Linux, Mac ou Windows para programar?
(sei que o Linux/Mac são melhores mas ainda não me convenci para trocar de SO ou fazer dual boot)
#PR
Depende mto do que quer fazer e usar, pq cada um tem suas peculiaridades e melhoras, por exemplo, usar docker no Windows não é mto legal, mas no Linux é melhor, já usar o Android Studio no Linux dar mto trabalho que no Windows por exemplo é melhor, tem que olhar a necessidade do q vc vai fazer
vim tmux kitty i3 e Linux é perfeito mas não é plug in play
Diegão, faz um vídeo usando WatermelonDB na prática, fazendo um ToDo da vida ou algo do tipo kkkk
Boa! Valeeu Ronison! 💜
É possível fazer um aplicativo totalmente offline? Tipo salvar todos os dados no aparelho da pessoa?
@@JohnProudStar Não sabia muito obrigado pelo feedback
Na empresa que trabalho estamos utilizando RealmDB quando está offline e quando está online utilizamos o Postgres, e há toda uma lógica de sincronia de dados entre os DB's
TOP
Cadê o App mobile da Rocketseat? 🤔
Traz um code challange com offline first
Opa!! Valeeu pela sugestão Andre! 💜
Que versão é essa do linux, pode passar as configurações certinha?
Faala Gustavo! É o Ubuntu 20.04 com KDE Plasma! 💜
Um exemplo com REALM seria afude
O "open" do Linux tá no pacote do "xdg-utils". No caso do Arch e MintLinux é esse mesmo o nome.
Realm era top, o mongo comprou... Tá mais ou menos a versão beta, tá cheio de bugs, mas quando sair release vai tá top p offline first
Pouch e CouchDB?
WaterMelon é uma boa pra Galera,
isso é olheira, ou tu tomou um soco na cara? kkkk aéh programador é assim msm kkkk
Que tal falar de AskQL? Que tem uma história interessante!
Só ex-funcionários de grandes empresas podem fazer parte do time!
Cara, preciso fazer um app em que eu possa inserir animações em uma gravação live do face...
Tipo:
Camera -> app insere animações (css, js, geradas no after fx) -> vídeo resultado é transmitido como saída final pra captura do face
Que plugins devo procurar
Por quê está usando Linux e não o MacOS? Apesar desse Linux tá bem com cara de Mac 😂 #PR
Na verdade sempre utilizamos os 2! Porém o Linux tem se mostrado muito melhor para gravar as aulas e também fica mais perto do mesmo ambiente que a maioria dos alunos utilizam 💜
First
Camisa legal kkkk
Hahahah 💜
Tenho um amigo que apanhou bastante com WaterMelon
Hahaha 💜
nenhum deles da com EXPO =/
10:12 q odio quando faz isso eu tenho q ficar dando pause e indo devagarzinho ler oq ta escrito jkkjkkkjk
Só eu notei que eles migraram para o Linux ? XD Qual o motivo ?
Também queria saber, mas meu chute é de que seja pra quebrar um pouco do distanciamento inicial que criam com novos alunos/visitantes quando os veem usando Mac.
Na live falou que o Mac não dava conta se não me engank
WaterMelonDB
💜💜
Pode trazer conteúdo sobre o WaterMelon DB, Diego.
Pode trazer conteúdo sobre o WaterMelon DB, Diego.
Valeeu Douglas! 💜
Pode trazer conteúdo sobre o WaterMelon DB, Diego.
💜💜
Pode trazer conteúdo sobre o WaterMelon DB, Diego.
💜💜
Pode trazer conteúdo sobre o WaterMelon DB, Diego.
Valeeu Wilton! 💜
Pode trazer conteúdo sobre o WaterMelon DB, Diego.
Pode trazer conteúdo sobre o WaterMelon DB, Diego.