DEV Community: Ingryd Rios

Primeira semana - Ignite

Ingryd Rios — Sun, 14 Mar 2021 23:33:19 +0000

Enquanto tento absorver os conselhos valiosos que escutei hoje na mentoria com Robson Marques, CEO da Rocketseat, resolvi documentar minha experiência durante a primeira semana do Ignite.

Para contexto, estou estudando programação há 6 meses, venho da área de humanas e mesmo na minha vida pessoal, me sentia muito distante da área de tecnologia. Posso dizer que a chave virou quando entendi que as barreiras entre essas áreas estão desmoronando com velocidade a cada dia. Foi, e ainda é, um processo árduo me sentir completamente parte dessa comunidade que no meu imaginário era tão distante. Com 27 anos e estudando por conta própria, não é como se eu estivesse em uma turma de calouros na faculdade. Imagino que a sensação esteja mais próxima de saltar de paraquedas em um lugar desconhecido.

Com a missão de entender como esse ecossistema funciona e dar um passo a mais nos meus estudos, decidi me inscrever na trilha ReactJS do Ignite, um treinamento com foco em aceleração e alinhamento ao mercado de trabalho. Após uma semana especialmente conturbada na minha vida pessoal, posso sentar com calma e refletir sobre as horas de estudo que foram, inclusive, reconfortantes.

Logo soube que tinha tomado a decisão certa ao ver que no primeiro capítulo o conteúdo atendia minhas expectativas. Eu estava em um momento onde sentia saber algumas coisas técnicas e práticas, mas precisava de mais desafios para ver crescimento. Colocar as mãos em ferramentas que me ajudam a mexer com tecnologias que não me assustam mais era o que eu precisava.

Acredito que o treinamento ser dividido em capítulos e cada capítulo ser dividido em aulas que vão direto ao ponto da forma mais didática possível, é o que deixa a nossa organização mais fácil e o foco menos perdido. Ainda sinto uma certa timidez quando tenho alguma interação na comunidade no Discord, mas posso confirmar que assistindo aos vídeos do treinamento me senti uma colega de trabalho.

Os vídeos, o desafio e especialmente a mentoria com o CEO me fizeram perceber, por fim, que estou no lugar certo, pelo menos por enquanto. Tenho muito a crescer, mas os próximos passos mais me animam do que assustam. Me sinto mais tranquila em ter todo o suporte dessa equipe e conhecer pessoas que estão na mesma estrada tentando alcançar a milha extra.

Como um desafio pessoal, tentarei escrever sobre conteúdos mais técnicos durante a próxima semana.

#NLW04 - REACT

Ingryd Rios — Thu, 25 Feb 2021 10:01:00 +0000

useEffect()?

Não faz muito tempo desde a primeira vez que vi um código feito com React, menos de uma semana, na verdade.

Porém não foi um choque muito grande por já ter visto códigos em Angular, por exemplo. Há algum tempo tenho percebido que apenas olhar, mesmo que não entenda, para outros códigos ajuda muito a ter facilidade em reconhecer e relacionar prática com conceito quando você começa a estudar de fato.

Cada biblioteca e cada framework tem suas particularidades e penso em falar mais sobre o que aprendi na Trilha ReactJS da #NextLevelWeek da Rocketseat, mas hoje o espaço é do useEffect().

Quando o Diego explicou que hooks são efeitos colaterais, anotei no caderno com cores coloridas para procurar mais sobre em outro momento. E cá estou.

De acordo com a documentação do React um Effect Hook te permite executar efeitos colaterais em componentes funcionais. Mas o que pode ser isso?

Buscar dados, configurar uma subscription, e mudar o DOM manualmente dentro dos componentes React são exemplos de efeitos colaterais.

Um efeito colateral acontece depois de alguma coisa, certo? Os efeitos são geralmente executados depois que o React atualiza a DOM.

Então o que o useEffect faz?

O React guarda as informações do efeito para serem utilizadas depois, por exemplo nesse código:

useEffect(() => {
    if (isActive && time > 0) {
      countdownTimeOut = setTimeout(() => {
        setTime(time - 1);
      }, 1000);
    } else if (isActive && time === 0) {
      setHasFinished(true);
      setIsActive(false);
      startNewChallenge();
    }
  }, [isActive, time]);

Os efeitos agendados com useEffect não bloqueiam o navegador de atualizar a tela, então os efeitos são mais sutis e parecem muito mais fluidos quando utilizados. Por exemplo, no momento em que vemos uma nova imagem e um novo texto chamado pelo startNewCHallenge(), que só acontece quando o countdown está ativo, porém zerado após cumprir sua função, vemos a mudança de imagem e texto no bloco de Desafios sem alterações no resto do layout. A maioria dos efeitos não precisa acontecer de forma síncrona e pensando assim, as coisas fazem um pouco mais de sentido.

Em breve irei separar os tópicos que aprendi e tentar falar mais sobre, assim como as coisas que ainda quero estudar. Documentar o que eu estou aprendendo sempre foi uma vontade minha, mas sempre ficava em segundo plano. Agora graças a #NextLevelWeek04 da Rocketseat, tenho algumas inspirações pra começar!

Nunca é tarde pra começar, não é mesmo?

Ingryd Rios — Mon, 14 Dec 2020 18:22:10 +0000

Depois de me formar em produção audiovisual, e antes disso ter desistido de jornalismo, imaginei que apesar da situação precária em que estamos, seria interessante estudar algo diferente, nem que fosse apenas pra me distrair do fato de que eu estava sem emprego e com o futuro extremamente incerto (como a maioria de nós esse ano).

Estudar programação parecia uma ideia genial, já que minha melhor amiga tem lá pros seus 8 anos de carreira na área e eu teria pra onde correr e tirar dúvidas. Mas comecei sem foco, sem saber pedir e sem aceitar que eu estava prestes a mudar de carreira.

Deu tudo errado, obviamente. Mas depois de muitas horas chorando e pensando, decidi começar mais uma vez, depois de mais pesquisa, aceitando ajuda e perdendo o medo de errar. Antes achava meio bobo ficar muito feliz colocando um projeto no github que foi feito a partir de um tutorial considerado básico. Mas é incrível! Minha evolução bem ali pra eu ver.

E agora cheguei num ponto onde quero compartilhar, quero fazer parte da comunidade, quero aprender mais (e tenho tanto pra aprender!), conseguir ajudar alguém que precisa. Acho que no final das contas esse post serve pra dizer: Oi, meu nome é Ingryd, sou uma nova dev, prazer em conhecer vocês. :)