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!
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
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!!
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.
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.
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/
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!
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.
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.
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 ?
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
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.
Pode trazer conteúdo sobre o WaterMelon DB, Diego.
22:00 "Gambiarra a gente aceita, a gente não aceita é a derrota" - Martins, Leon
Hahahahahha 💜💜
#GAGA
Faz de WaterMelon DB, Diego. Obrigado pelo conteúdo.
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! 💜💜
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
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!!
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.
Esse assunto merecia uma playlist a parte.
Hahah quem sabe! 💜💜
Seria top fazer um vídeo mostrando um pouco mais da capacidade do WatermelonDB e a sincronia de dados que ele oferece.
Grande Diego. Tô queimando minha ponte de 10 anos Acredito muito no que vcs ensinam. Obrigado
Showww demais!! Sempre muito bom os conteúdos!!
Sucesso para todos nós DEVs!!! 🙏🏻🙏🏻🙏🏻
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
Fala, Igor! Valeeu pela sugestão! 💜
Diego, vc falou sobre o graphql, dá pra fazer offline first apenas com graphql?
Isso é super importante e nao temos muitos conteudos na pratica na internet. Parabens rocketseat. Só pelos proximos!
Tras conteudo utilizando o watermelon e essa parte de sync com API
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! 💜💜
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 💜
Mostra como funciona a sync do watermelon no lado do servidor . e qdo o servidor tem dados a enviar?
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
Continua falando sobre offline first!
Opa!! Valeeu pela sugestão Daniel! Vamos tentar trazer mais conteúdo sim! 💜
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.
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?
Tem um vídeo já usando rn + watermelon db que fizeram, ano passado
Diego mostra como vc configurou o teu linux
up !
28:45 cinto de utilidades kkkk. que massa
Hahaha boa!! 🚀
Super top o conteúdo
Top demais!
E que distro Linux é essa com KDE? :)
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/
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? 😱😱😱
O que vocês recomendariam de tecnologia para processar atualizar uma grande quantidade de informação?
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.
Massa, mestre !!. Vamos codar.
Excelente conteúdo!
Valeeeu pelo feedback Thallysson! 💜
React-Native-Offline é uma boa dica para um futuro vídeo.
Fala Losangelo! Valeeu pela sugestão! 💜
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?
Offline first com expo não rola né? Conteúdo muito top
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
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! 💜
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
Pouch e CouchDB?
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 ?
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! 💜
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! 💜
Olá Diego, eu acho que a primeira pergunta que devia ser feita, é qual o aplicativo implementar-se-á a funcionalidade de offline first.
Show!!
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, conseguiria fazer uma abordagem rápida com websockets e offline first?
Faala Alexandre! Valeeu pela sugestão! 💜
Como que faz Offline first com aplicação PWA?
Achei pouco conteudo sobre WaterMelon DB no YT, ajuda nós aí Diego! (CodeDrops sem código foi meio tenso hein)
Hahahah valeeeu Renan! 💜
Acho que o mais importante pra entender primeiro é o banco de dados, então, manda o vídeo de WatermelonDB, Diego.
Opa!! 💜💜
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?
Trocou o Mac por linux ou está só testando algo novo?
Cadê o App mobile da Rocketseat? 🤔
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
BOA NOITE FERA!!
diegão de KDE, hehehe, adorei
É possível fazer um aplicativo totalmente offline? Tipo salvar todos os dados no aparelho da pessoa?
@@JohnProudStar Não sabia muito obrigado pelo feedback
Que versão é essa do linux, pode passar as configurações certinha?
Faala Gustavo! É o Ubuntu 20.04 com KDE Plasma! 💜
traz conteudo de watermelon na parte de syncronismo
Faala dev! Valeeu pela sugestão!! 💜
muito bom
Todo mundo falando First e eu offline aqui
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! 💜
Traz um code challange com offline first
Opa!! Valeeu pela sugestão Andre! 💜
Diegão, faz um vídeo usando WatermelonDB na prática, fazendo um ToDo da vida ou algo do tipo kkkk
Boa! Valeeu Ronison! 💜
First!
Second
Coincidência, ouvi hj de manhã o faladev #17
Coincidência nada, nós lemos mentes! 🔮
TOP
O "open" do Linux tá no pacote do "xdg-utils". No caso do Arch e MintLinux é esse mesmo o nome.
nenhum deles da com EXPO =/
WaterMelon é uma boa pra Galera,
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
Um exemplo com REALM seria afude
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
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
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 💜
Camisa legal kkkk
Hahahah 💜
isso é olheira, ou tu tomou um soco na cara? kkkk aéh programador é assim msm kkkk
First
Tenho um amigo que apanhou bastante com WaterMelon
Hahaha 💜
10:12 q odio quando faz isso eu tenho q ficar dando pause e indo devagarzinho ler oq ta escrito jkkjkkkjk
Que tal falar de AskQL? Que tem uma história interessante!
Só ex-funcionários de grandes empresas podem fazer parte do time!
WaterMelonDB
💜💜
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
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.