Acho que uma coisa bala de começar a comentar é sobre o impacto de cada lib em performance, comparando essas libs de style como restyle, nativebase, styled components, cada uma tem seu devido impacto, acho legal deixar o pessoal a par disso na hora de escolher a lib
Show!! Gostaria muito de ver um vídeo focado em responsividade no react native, simulando tamanhos de telas e mesclando também com a acessibilidade(font scale), que é algo que sempre dá uma "quebrada" nos layouts e é um conteúdo muito pouco abordado na minha opinião!!
Eu acho que este modo utilizando props talvez pode não escala muito bem para criar variações de estado e permitir customização, pois se por exemplo for necessário criar mais de 5 estado d botão diferentes (ativo, hover, disabled, loading...), ao invés de customizar o tema, vc precisaria criar mais de 5 botões. Acho que para resolver isso teria que criar um tema mais complexo, o que acha? ``` buttons: { primary: { active: { container: {}, text: {}, iconLeft: {}, iconRight: {} } hover: { container: {}, text: {}, iconLeft: {}, iconRight: {} }, disabled: { container: {}, text: {}, iconLeft: {}, iconRight: {} } }, secondary: { active: { container: {}, text: {}, iconLeft: {}, iconRight: {} } hover: { container: {}, text: {}, iconLeft: {}, iconRight: {} }, disabled: { container: {}, text: {}, iconLeft: {}, iconRight: {} } } } const ButtonBase = () => { ... return ( // state="loading" | "disabled" | hover" // com styled-component, daria para fazer algo tipo style: ....getButtonTheme({theme, variant, state})} // aqui escolheria uma das variantes e seu estado ) } ```
Adorei o video, so achei estranho que o style do texto dos Buttons foi feito no textVariants, quando devia ser no buttonVariants pra manter a consistencia dos botoes, ja agora quando e que vai refazer outro crud do react native realm, mas dessa vez com create delete update, via formulario?
Oi, na versão atual (2.4.4) não está sendo possível executar a criação do botão, pois, quando chamo a função createVariant({ themeKey: 'buttonVariants' }), recebo um erro funcsMap[key] is not a function (it is undefined). Já procurei bastante e não consigo encontrar solução para isso.
mano nao sei se vc ja resolveu, comigo deu esse problema tbm mas na vdd era pq eu tinha escrito errado la no arquivo de tema, joga no chat gpt q ele acha na hora se vc escreveu algo errado
Flutter está sofrendo por pacotes ficando absndonados ou cobrando licensas, monetizando muito justo, como podemos evidar tais situações ou facilitar para trocar dependências?
Acho que uma coisa bala de começar a comentar é sobre o impacto de cada lib em performance, comparando essas libs de style como restyle, nativebase, styled components, cada uma tem seu devido impacto, acho legal deixar o pessoal a par disso na hora de escolher a lib
Show de bola já tinha trabalhado com esta fantastica lib em um projeto react native, mas é sempre bpm relembrar para fixar melhor
Show!! Gostaria muito de ver um vídeo focado em responsividade no react native, simulando tamanhos de telas e mesclando também com a acessibilidade(font scale), que é algo que sempre dá uma "quebrada" nos layouts e é um conteúdo muito pouco abordado na minha opinião!!
Muito show... Para projeto grande e escalável vai poupar muito tempo e dar consistência.
Eu acho que este modo utilizando props talvez pode não escala muito bem para criar variações de estado e permitir customização, pois se por exemplo for necessário criar mais de 5 estado d botão diferentes (ativo, hover, disabled, loading...), ao invés de customizar o tema, vc precisaria criar mais de 5 botões.
Acho que para resolver isso teria que criar um tema mais complexo, o que acha?
```
buttons: {
primary: {
active: {
container: {},
text: {},
iconLeft: {},
iconRight: {}
}
hover: {
container: {},
text: {},
iconLeft: {},
iconRight: {}
},
disabled: {
container: {},
text: {},
iconLeft: {},
iconRight: {}
}
},
secondary: {
active: {
container: {},
text: {},
iconLeft: {},
iconRight: {}
}
hover: {
container: {},
text: {},
iconLeft: {},
iconRight: {}
},
disabled: {
container: {},
text: {},
iconLeft: {},
iconRight: {}
}
}
}
const ButtonBase = () => {
...
return (
// state="loading" | "disabled" | hover"
// com styled-component, daria para fazer algo tipo
style: ....getButtonTheme({theme, variant, state})} // aqui escolheria uma das variantes e seu estado
)
}
```
gostei muito dessa ferramenta, braboo
Adorei o video, so achei estranho que o style do texto dos Buttons foi feito no textVariants, quando devia ser no buttonVariants pra manter a consistencia dos botoes, ja agora quando e que vai refazer outro crud do react native realm, mas dessa vez com create delete update, via formulario?
conteudo Top. altas ideias, o cerebro esta fervilhando.
Nas variantes de buttons eu não conseguiria ja passar um color?
qual o sistema operacional e tema que você usa?
Oi, na versão atual (2.4.4) não está sendo possível executar a criação do botão, pois, quando chamo a função createVariant({ themeKey: 'buttonVariants' }), recebo um erro funcsMap[key] is not a function (it is undefined).
Já procurei bastante e não consigo encontrar solução para isso.
mano nao sei se vc ja resolveu, comigo deu esse problema tbm mas na vdd era pq eu tinha escrito errado la no arquivo de tema, joga no chat gpt q ele acha na hora se vc escreveu algo errado
muito daora, só achei paia o
pô é maneiro, mas ainda prefiro usar o bom e velho styled components, o codigo fica mais limpo
Chegueiiiii
Alguem ja testou em um app com varias telas ? Gostaria de saber a performance
Flutter está sofrendo por pacotes ficando absndonados ou cobrando licensas, monetizando muito justo, como podemos evidar tais situações ou facilitar para trocar dependências?
parada é react native, aproveita que o muro ta baixo
Oh yes o @gabrel44 tem razão o muro ta baixíssimo 👍
Biblioteca interessante, porem acho melhor outras como o native base.
o problema do native base é que pro android ela é exrtemamente lenta, faz um app com umas 5 tela e vc ja ve que a performace vai pra vala
também achei interessante conhecer, mas a produtividade é baixa até você ter tudo bem definido
Na parte de fazer toda estrutura vai demorar mais, porém depois vc vai agradecer demais.
Na vdd ja é bom pensar em trocar de lib, ela foi descontinuada, eu estou gostando muito de trabalhar com o nativewind
@@olokinhomewwww550 também senti isso ein rrsrsrs
O VsCode tem um plugin para emulador para android e IOS
Qual ?
Tem?
@@leandrocarlos8117sim tem
@@daniellevi745é so procumar na busca nos plugins do vscode por emulador android