Criando Apps com FLUTTER & MOBX (Muito Fácil Gerenciar Estados com Reatividade) // Mão no Código #26

[@brunomotadeoliveira1751]

Muito bom!

[@multiservicosreptecno3786]

Ótimo post!!

[@PalavrasDeEncorajamento]

Caraca , que massa, adorei de vdd, simples , direto e funcional.

[@FlutterandoTV]

Afastando de vez o fantasma do BLoC, temos aqui uma gerência de estado linda, robusta, simples e rápida. Que vídeo lindo, que vídeo bunito...

[@codigofontetv]

😍😍😍 muito obrigado @Fluterando!!!

[@luizAugustoll]

O que é BLoC?

[@redh4y]

É recomendado iniciar já por MobX?

[@codigofontetv]

@@redh4y Sim!

[@l3akjr]

@@luizAugustoll medium.com/flutterando/bloc-entendendo-de-uma-vez-por-todas-f16f234b262a

[@REDIDSoft]

Sensacional ! Excelente vídeo muito sucesso!

[@lucasdiogomelo520]

Olha que bonito que lindo

[@antoniolucas6185]

Muito boa a explicação, estava com dificuldade de entender como o MobX funcionava, mas saio daqui entendendo boa parte da sua funcionalidade, muito obrigado.

[@NicolasSouzaNCS_ofc]

quando venho aqui que escuto a intro lembro que sou CDF.... só queria comentar mesmo....só não sei se é algo de se ter muito orgulho rs

[@alexdpaiva83]

Ótimo vídeo

[@williamvitorino1334]

Ganharam mais um inscrito!

[@rafando]

Nunca tinha visto esse quadro do canal: perfeito! Direto e reto! Parabéns! Falem mais de Flutter!

[@pedrolourencodeoliveira7205]

Flutter ele tem crescendo muito a comunidade deles! Sempre trazendo conteúdos de qualidade aos CDFs

[@codigofontetv]

É verdade Pedro! Flutter está vindo com tudo.

[@LucasEmanuelMr]

Programação reativa pode ser considerado um paradigma de programação? Adoro o canal de vocês, é sem dúvidas um tesouro de informações sobre tecnologias para o KZbin. Abraços!

[@codigofontetv]

Oi Lucas, publicamos um vídeo bem recente falando sobre o assunto, vale a pena dar uma conferida. kzbin.info/www/bejne/haTWoot9mdKVd6c

[@LucasEmanuelMr]

@@codigofontetv Vi esse vídeo assim que lançou, e provavelmente não prestei atenção na primeira frase kkkk. Obrigado e perdão.

[@thomasportugues3394]

o mobx consegue fazer uma validação consumindo api ? exemplo: validando se o e-mail já existe no banco de dados para o campo e-mail e também num possível campo de cpf ou não tem jeito e o usuário precisa clicar no botão para consumir a api para retornar se o campo email e cpf já existem no banco de dados

[@NicolasSouzaNCS_ofc]

só nao entendo como esse codigo (o part) é gerado eu to com onde em 11:09 o de vodces ja está gerando, nao entendi o que precisa fazer

[@dart123testando]

Percebi apenas hj que ainda não era inscrito no canal, após este vídeo me escrevi, foi mais que merecido, parabéns!

[@rafaelbatista_yt]

Aprender a aprender, pessoal. Este é o segredo. Caso contrário, vc pira a cabeça, pois mau começa estudar uma coisa, surge outra. Contudo, Flutter é uma das grandes apostas pro futuro.

[@rafaelfonseca7400]

Mbox muito bom. Parabéns pelo vídeo.

[@AtshopBr]

Agora entendi. Uffa!!! Valeu.

[@Vasconcelos_83]

Bem , como sou iniciante . Não consegui entender ... Pena !

[@ivoneijr]

Bacana, mas um tanto quanto burocrático ter que gerar arquivo a cada alteração da store, não? Entendo os pqs mas gera uma pequena fricção.

[@ianoliveiradev]

MobX é vida!!!

[@HaroldoPassos]

Agora que entendi a diferença de usar e não usar o gerenciamento de estado pelo MobX. Parabéns.

[@cavalinhopocoto]

Tô me empolgando mais com o flutter do que o React Native. Ótimo vídeo!

[@ElianBecali]

Valeu mesmo, eu começando com flutter e já lançaram esse video me ajuda bastante

[@codigofontetv]

Que legal Elian. 🤓

[@EuclidesCatunda]

Que legal! Eu estou estudando Flutter e estou gostando muito, é meu primeiro contato com desenvolvimento mobile! Adoro os vídeos de vocês, valeu!

[@andrefilgueiras]

E eu pensando que iam usar Regex no validador do email. Esse Flutter é uma mãe com essa quantidade de abstrações. O problema é dev sair codando sem saber o que esta fazendo.

Olá, O que acham de fazer um video sobre a integração do adobe xd com flutter?

[@baianoprogramador]

Flutter a cada dia que passa me surpreende positivamente!

[@ramirodsp]

Top..i love Flutter

[@jocelipacheco2447]

Usar o mobx pode prejudicar o desempenho do app? Ou podemos abusar deste recurso sem.medo?

[@MusisFerreiraGomes]

Muito show, e fácil de usar, MobX veio para ficar...

[@SuperMukthar]

Ja estou usando Mobx a 2 semanas e digo... e praticamente igual ao ngModel do Angular LINDO D+, simples, objetivo, performativo e sem ser vulgar. amei.

[@quicktips3858]

E em duas semanas deu pra construir algo tangível para dizer que é "performativo".

[@RenatoMotaDev]

Estou apaixonado pelo MobX estava quase parando com Flutter por causa do BloC que achei muito complicado e confesso que quase me fez afastar mas depois que apareceu o MobX agr não saio mais do Flutter

[@brunoleonardoramosribeiro8451]

Estou estudando Flutter e estou gostando bastante.

[@thon1975]

Queria saber que plugin é aquele onde é possível visualizar os objetos e ir navegando por eles, isso aparece ali pelos 4min 30s do vídeo, muito bom!

[@cachopaweb]

Meu quadro preferido...

[@codigofontetv]

❤️

Flutter + Mobx + Código Fonte TV + Flutterando = 💙

[@kanri-app]

Parabéns, excelente conteúdo.

[@DimensaoGeekk]

Existe alguma forma de ver a interface do app ser ter de usar o Android Studio para emular um dispositivo? Fiz depuração USB mas não sei se dá para abrir o projeto do app no meu celular (físico) e editar o app com o celular ao lado, olhando como está ficando. Estou começando a usar Flutter + Dart e pretendo me especializar em mobile dev.

[@gustavos9657]

Eu faço assim. Ativa depuração, permite instalação pelo celular e é só dar run no flutter. Toda hot reload atualiza no celular automaticamente.

[@LordHeigler]

Você instanciou o EmailStore na build do HomeScreen, e se eu quisesse usar a mesma instância para diferentes telas. Tem como fazer sem ficar passando argumento na árvore de widgets ou usando providers?

[@RafhaelMarsigli]

Este código está tão quente que pega até fogo

[@andersonsantanna6401]

Será que vcs poderiam fazer um comparativo de mobx e redux ?

[@Jogandonaboa]

O legal é que percebemos que o Flutter é bem "simples"

[@AndrewRodrigo]

Muito bom, acho que vou dar uma chance ao flutter

Está esperando o quê? Venha logo, te aguardamos. @Flutterando

[@conteudoanimal]

olá, por favor sabem algum sistema tipo intel xdk para me indicar ?? usava e uso demais o intel xdk mas como deplicou ... não sei o que fazer agora :-(((

[@codigofontetv]

XDK realmente já era. O mais próximo seria o Ionic mas indico utilizar o Flutter (linguagem Dart) ou React Native (JavaScript)

[@conteudoanimal]

@@codigofontetv grato pelo feedback algum html ?

[@robertokrug5883]

E qual a vantagem, em usar desta forma, ou BLoC

[@marcosdantas4258]

Apesar de ainda não conhecer Flutter, dart... isso me pareceu muito com os componentes do vue, na verdade ao adicionar o Observer no button, a engine do flutter passou a observar o button como um componente pequeno isolado, se é que seja algo assim, mas acredito que o principio seja o mesmo, então, se eu estiver certo, o correto seria a componentização de uma grande tela, com várias telas menores, fazendo com que as observações sejam cada vez mais especificas, acredito que o mobx ainda fique mais pra parte de gerenciamento hard de dados globais, como eu disse não sei é apenas um chute, parabéns pelo vídeo. :)

[@EuclidesCatunda]

Que tal falar sobre Lint no dicionário do programador? Ouvi falar disso hoje, não sabia que existia esse termo!

O 1o link do github da descrição leva pra uma pagina invalida, erro 404

[@codigofontetv]

Oops... estava privado. 😅 Já acertamos! Obrigada!

@@codigofontetv foi isso que pensei kkk

[@ranielisonsoares675]

Ainda não iniciei os estudos de gerenciamento de estado no Flutter, é uma boa ja ir direto pro MobX ou primeiro ter conhecimento em Bloc?

[@ramonpaolomaran2253]

O vídeo de ontem(ou ontem ontem) de madrugada foi engano?

[@codigofontetv]

Foi publicado erroneamente. Desculpe-nos

[@guimaraes9911]

E rapadura é doce mais n e molhe nn

[@codigofontetv]

Jamais! 😂😂😂

[@guimaraes9911]

@@codigofontetv kkk

[@carlosdias1139]

Alguem sabe o nome dessa extensao, que da esse efeito da chama ?

[@codigofontetv]

Power Mode! Se quiser saber quais extensões nós utilizamos veja aqui: kzbin.info/www/bejne/qp7KoXltd9Nmlac

mas que bagunça generalizada aushuashuas

[@paulosergiogramosa730]

Eu pensando: "Esse ano vou aprender React Native!". Agora to vendo o Flutter arrebentando a boca do balão e me vem a dúvida, com qual iniciar?

[@jonathanjesus5266]

se seu foco e entrar logo no mercado com o que vai aprender , sugiro React Native, agora se sua vibe é o hype entao vai de Flutter

[@DimensaoGeekk]

Também pensei nisso, React Native tá crescendo muito. Mas acho que Flutter permanecerá com mais destaque por conta da sua linguagem, que é multi-paradigma e, tanto a linguagem quanto o SDK, possuem suporte para vários tipos de desenvolvimento. Independente disso, ambas as tecnologias vão crescer e ganhar mais mercado ainda, competindo lado-a-lado, isso eu te garanto.

[@Lucas-gg9yb]

cara, eu só programo em python e varios bancos de dadose ja defini que minha proxima linguagem vai ser o dart por causa do flutter, nem pense 2 vezes, vá de flutter!

[@tecnoplace]

O Problema é que as coisas estao evoluindo tao rapido que nao nos da tempo de aprender é nada.

[@bughunter94]

Olhe as vagas que você quer e pode preencher e deixe o mercado decidir :)

[@SuperShootergame]

Meu objetivo como programador é um dia programar tão rápido como vocês!! rsrsrsrs

[@ToshiOssada]

MobX s2

[@joseevertondafragaandrade2748]

Pede pro Gabriel ativar a extensão Material Icon Theme que ele mostrou naquele vídeo de extensões pra vscode mas não estava ativada kkk

[@matheushenrique9924]

não tem muito a ver cm o vídeo mas react e fuchsia, alguma novidade? flutter n passa a ter vantagem sobre o react?

[@marcelomeneses1788]

Não sei não, acho que era mais simples criar um outro widget separado o efeito de não buildar tudo séria o mesmo e facaria mais simples.

[@xFlayBR]

Ótimo vídeo, muito bem explicado e direto ao ponto! Eu tinha muita dúvida em entender o MobX ( observable, action, reaction ), a galera que está começando a ler este artigo aqui, foi através dele que entendi de vez o MobX. Link: medium.com/flutter-comunidade-br/flutter-com-mobx-c0f4762fbd1a

[@swplogic4158]

Vou parar de beber, em algum momento eu pensei que os codigos estavam queimando de verdade...

[@codigofontetv]

😂😂

[@swplogic4158]

Caramba, um monte de coisa pra fazer algo bem simples...acho que o states_builder sai ganhando nessa batalha,pois ele não usa gerador de codigos, 0% de clichês...

[@andreti9650]

Muito rápido, próximo tenta fazer mais devagar

[@JJMEWTWO]

Gabriel, tu tem uma voz de locutor maravilhosa! Então não me leva a mal, mas deixa a vanessa falar um pouco também poxa kkkkkkkk a gente sente que ela ta se coçando para falar alguma coisa! Mas eu entendo que como é você que ta codando, é mais fácil de você seguir tua linha de raciocínio. Amei o vídeo, depois faz um de javascript!

[@PauloAntonelli]

Flutter é uma revolução! Chega de js e suas libs malucas e infindáveis em tudo rsss Mobx arrebenta 👏🤘🏽🤘🏽🤘🏽

[@charlesmontilla]

Um comentário sensato!!!

[@quicktips3858]

O exemplo da validação do email não foi muito feliz. A própria Google diz que a engine foi feita para ser capaz de reconstruir a tela quantas vezes for necessário. A maioria das pessoas não percebe que a reconstrução do Flutter não significa que está criando novas cópias, apenas verifica alterações com sua própria árvore de elementos e reconstrói apenas novas instâncias do widget alterado. Além disso, não é assim que você mostra às pessoas se algo está sendo reconstruído ou não, existe o Dart observatory, que possui uma ferramenta que mostra a interface do usuário que foi reconstruída. Você deveria se aprofundar um pouco mais sobre um tema antes de sair disseminando conteúdo.

[@BillRocha]

Substitua tudo isso por umas 3 ou 4 linhas de javascript!! OMG!!

[@codigofontetv]

MobX também tem pra React e a implementação é muito parecida, não acho que daria menos linhas de código nesse caso.

[@BillRocha]

@@codigofontetv Vanilla javascript 😋

[@evertonsantos5085]

@@BillRocha show me the code

[@BillRocha]

@@evertonsantos5085 Show me the money!! 😊🤣

[@heraldo623]

Kkk comentário aleatório

[@mayara7442]

Gente eu pensava que era bicho de sete cabeça kkkk É só prática para pega o jeito rs gostei bjs !