Testing the SHOPIFY lib (creating UI components with Restyle)

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 พ.ย. 2024

ความคิดเห็น • 31

  • @thalesgelinger
    @thalesgelinger ปีที่แล้ว +7

    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

  • @acm.marques
    @acm.marques ปีที่แล้ว

    Show de bola já tinha trabalhado com esta fantastica lib em um projeto react native, mas é sempre bpm relembrar para fixar melhor

  • @eduardo-maia348
    @eduardo-maia348 ปีที่แล้ว +2

    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!!

  • @NeinhoxD
    @NeinhoxD ปีที่แล้ว

    Muito show... Para projeto grande e escalável vai poupar muito tempo e dar consistência.

  • @roni_c_castro
    @roni_c_castro ปีที่แล้ว +1

    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
    )
    }
    ```

  • @thiagokim17
    @thiagokim17 ปีที่แล้ว +1

    gostei muito dessa ferramenta, braboo

  • @euricodesousadacosta7483
    @euricodesousadacosta7483 ปีที่แล้ว

    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?

  • @principe.borodin
    @principe.borodin ปีที่แล้ว

    conteudo Top. altas ideias, o cerebro esta fervilhando.

  • @FelipeSouza-vz6gc
    @FelipeSouza-vz6gc ปีที่แล้ว

    Nas variantes de buttons eu não conseguiria ja passar um color?

  • @maxsonsantos1217
    @maxsonsantos1217 ปีที่แล้ว

    qual o sistema operacional e tema que você usa?

  • @faran42
    @faran42 5 หลายเดือนก่อน

    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.

    • @alexandrepellegrino2699
      @alexandrepellegrino2699 20 วันที่ผ่านมา +1

      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

  • @saviodev777
    @saviodev777 ปีที่แล้ว

    muito daora, só achei paia o

  • @Insullin4
    @Insullin4 ปีที่แล้ว

    pô é maneiro, mas ainda prefiro usar o bom e velho styled components, o codigo fica mais limpo

  • @manuelhonoredesousa
    @manuelhonoredesousa ปีที่แล้ว +1

    Chegueiiiii

  • @kenjimaeda2443
    @kenjimaeda2443 ปีที่แล้ว

    Alguem ja testou em um app com varias telas ? Gostaria de saber a performance

  • @arozendojr
    @arozendojr ปีที่แล้ว +1

    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?

    • @gabrel44
      @gabrel44 ปีที่แล้ว +3

      parada é react native, aproveita que o muro ta baixo

    • @Matheus_1582
      @Matheus_1582 ปีที่แล้ว

      Oh yes o ​@gabrel44 tem razão o muro ta baixíssimo 👍

  • @eduardofarah2734
    @eduardofarah2734 ปีที่แล้ว +2

    Biblioteca interessante, porem acho melhor outras como o native base.

    • @olokinhomewwww550
      @olokinhomewwww550 ปีที่แล้ว +1

      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

    • @walterribeiro3463
      @walterribeiro3463 ปีที่แล้ว

      também achei interessante conhecer, mas a produtividade é baixa até você ter tudo bem definido

    • @henriqueoliveira6733
      @henriqueoliveira6733 ปีที่แล้ว

      Na parte de fazer toda estrutura vai demorar mais, porém depois vc vai agradecer demais.

    • @brunogarcia7388
      @brunogarcia7388 ปีที่แล้ว

      Na vdd ja é bom pensar em trocar de lib, ela foi descontinuada, eu estou gostando muito de trabalhar com o nativewind

    • @kenjimaeda2443
      @kenjimaeda2443 ปีที่แล้ว

      ​@@olokinhomewwww550 também senti isso ein rrsrsrs

  • @Matheus_1582
    @Matheus_1582 ปีที่แล้ว

    O VsCode tem um plugin para emulador para android e IOS

    • @daniellevi745
      @daniellevi745 ปีที่แล้ว +1

      Qual ?

    • @leandrocarlos8117
      @leandrocarlos8117 ปีที่แล้ว +1

      Tem?

    • @Matheus_1582
      @Matheus_1582 ปีที่แล้ว

      ​@@leandrocarlos8117sim tem

    • @Matheus_1582
      @Matheus_1582 ปีที่แล้ว

      ​@@daniellevi745é so procumar na busca nos plugins do vscode por emulador android