DEV Community: tati

[diário de estudo] o react e o tailwind

tati — Fri, 15 Dec 2023 13:46:32 +0000

olá! tudo bem? 👋

pega um café e o seu patinho de borracha que esse post contém: recomeços e crises de estilização

para dar o pontapé nos estudos, eu resolvi iniciar com um projeto que eu já havia feito alguns anos atrás enquanto testo algumas ferramentas novas. dessa forma, eu consigo trabalhar dentro de um território familiar, mas com algumas coisas novas para explorar.

a primeira coisa nova que eu testei foi iniciar o projeto usando o vite. até agora, eu sempre usei o create react app para criar os projetos react, e fiquei até um pouco maravilhada como realmente criar um projeto com o vite é muito mais rápido.

o grande desafio apareceu mesmo com o tailwind! até então, a minha zona de conforto é muito com o styled-components. gosto muito como ele funciona e também a liberdade que ele dá para estilização, enquanto a componentização dá uma facilidade que o css puro com o react fica meio chato. já o tailwind trabalha um pouco parecido com o bootstrap, setando as estilizações pelas classes.

o tailwind não é difícil de trabalhar, mas ainda estou descobrindo como ainda ter a minha liberdade de criar e personalizar os elementos usando apenas as estruturas do tailwind. para isso, eu foquei em um componente só e criei uma tela de login que acabou ficando assim:

esse foi o resultado depois de algumas horas tentando desvendar a documentação do tailwind (que ainda estou tentando me encontrar nos elementos) e de adaptação de componentes estilizados que a documentação oferece. o lado bom de trabalhar com ferramentas como o tailwind e o bootstrap é que há uma certa agilidade na hora de criar os elementos visuais, pois eles já vem prontos de certa forma, porém em outro lado quando queremos adaptar ou ter mais liberdade nas estilizações precisamos nos manter dentro dos padrões do que ele permite (principalmente se você não quer misturar ou adicionar o seu próprio css, como é o meu caso).

a próxima etapa será criar os elementos estáticos da aplicação que serão apenas exibidos em tela em certos momentos; e então replicar uma parte do login para a tela de cadastro.

até a próxima 🦖

< hello world! />

tati — Fri, 15 Dec 2023 01:05:46 +0000

olá! 👋

meu nome é tati e a minha tragetória com a tecnologia é cheia de idas e vindas, sentimentos e emoções, metas e promessas, mas aqui estamos em busca de um recomeço.

a minha história com a programação começa de fato há quatro anos com um curso intensivo de desenvolvimento full stack que me levou a algumas oportunidades como instrutora em diversos projetos, cursos e empresas. esse foi o pontapé em uma jornada incrível onde eu juntei um área que eu estava aprendendo (tecnologia) e uma área que eu sempre amei, mas não tinha nenhuma formação (educação). nos anos em que estive em sala de aula, eu tive a oportunidade de adquirir várias soft skills e também de aprender muitas tecnologias e linguagens de programação que eu nunca tinha tido contato.

como estudante de programação, eu sempre me vi muito aflita sobre o mercado de trabalho, então estar participando da área em uma outra perspectiva (talvez um pouco não tradicional) me ajudou a se manter conectada, mas também distante. isso foi bom em partes, mas hoje quatro anos depois eu ainda me sinto uma pessoa júnior e sem muito conhecimento prático em diversas coisas da área.

como uma criança fruto da sua geração, eu cresci no universo de redes sociais e blogs que a gente precisava aprender html e css para personalizar nossos espaços virtuais. e assim eu me apaixonei por front-end antes mesmo de saber o que era o front-end. mesmo depois dos cursos e das experiências profissionais, eu ainda hoje prefiro criar uma aplicação em react do zero do que criar cinco linhas em java.

no último ano, em uma tentativa de ano sabático para refletir sobre as escolhas de carreira, eu me afastei dos códigos e do mercado; e agora volto com a meta de atualizar alguns estudos e continuar a aprender mais sobre o front-end e expandir o conhecimento do universo do javascript.

esse daqui será mais um espaço de compartilhar os estudos e aprendizados, pois acredito que explicando ou compartilhando esse processo também é uma forma de aprender também. eu também te convido a conhecer um pouco sobre mim e também alguns projetos que já fiz.

espero que você me acompanhe nessa jornada e dá próxima vez terá café ☕