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: