Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

[Dúvida] Responsividade

Olá!

Acabei de finalizar esse primeiro treinamento do React e fiquei com uma dúvida. E sobre a responsividade? Há alguma maneira específica de se trabalhar a responsividade com o React? Mobile First? Como isso funciona?

Desde já agradecido e parabéns pela dobradinha Vinicios Neves e Paulo Silveira!

3 respostas
solução!

Você pode trabalhar Responsividade e Mobile First da mesma forma que trabalha numa aplicação HTML/CSS/JS de forma pura.

Boa parte do Responsividade, fica a cargo do CSS, certo? Então, pode continuar usando mesmos recursos como media queries, media types e etc; uma vez que pode continuar usando o atributo de classe no JSX do React. Aqui a diferença aqui é você vai usar a palavra className ao invés de class.

Mas, também pode fazer uso de outras ferramentas. Existem algumas bibliotecas e frameworks que facilitam esse processo. Acho que no ecossistema React a mais conhecida, talvez, seja a Styled Components. Porém, existem outras que também podem ser utilizadas para o mesmo fim. Como o Bootstrap que tem sua versão para React.

E, sobre Mobile First, é importante lembrar que isso é um conceito. E, sendo esse um conceito, fica a cargo de quem implementa, se tratando de questão técnica, escolher a melhor abordagem para trabalhar o Mobile First.

Links que podem ser úteis

Libs e Frameworks: Dicas:

Olá, Vanessa!

Nossa, quantas possibilidades! Até misturar Bootstrap com React... achei bem interessante.

Muito obrigado pela excelente explicação!

Que bom que foi útil!

Bons estudos! =D