Se você já se encontrou (ou está se encontrando) nesse universo dos códigos, mais cedo ou mais tarde você vai se perguntar: tá, muito massa isso, mas como que eu faço pra entrar no mercado?

O objetivo dessa palestra é justamente responder a esse questionamento e a alguns tantos outros que surgem nessa jornada de jovem padawan dos códigos! Afinal, essa jornada não precisa ser solitária e há muitos meios para se preparar e aprender com ela. Pensando nisso, através dessa palestra, eu vou falar um pouco do que eu já vivi na minha experiência como desenvolvedora, o que já ouvi, li e observei em outros profissionais, os conselhos que eu já recebi (se eles realmente funcionaram) e, principalmente, os conselhos que eu gostaria de ter recebido!

Vamos embarcar nessa jornada?!?! =)

tempo para palestra: 40min

Se você já sentiu a necessidade de testar suas aplicações em React e ficou perdido sem saber por onde começar/o que testar/qual ferramenta usar, pode ficar tranquilo!
Essa é uma sensação comum pra quem ta começando e o objetivo dessa minha talk é compartilhar minha experiência testando aplicações react nos últimos meses.

Nessa talk irei falar sobre alguns conceitos essenciais de testes, o que você deve testar nas suas aplicações em react e uma visão geral sobre as ferramentas de testes mais utilizadas.

Como você gerencia o estado da sua aplicação React? Por que Redux é tão complicado? Você já ouviu falar do MobX?
Por que não usar React.Context simplesmente??? Mutabilidade? Imutabilidade? Actions? Reducers? Observers? Computed properties? O que está acontecendo aqui??
Isso e muito mais você só vai encontrar no próximo React Natal.

Tempo para palestra: 40 minutos

Breve introdução a design system explicando as vantagens de sua aplicação em projetos frontend

O que você entende quando falam sobre performance de uma aplicação?
bom... eu gosto de olhar a performace da aplicação baseado na usabilidade e na experiência de usuário (UX) que a aplicação consegue entregar.

Internamente, o React usa diversas técnicas inteligentes para minimizar o número de operações custosas de DOM que são necessárias para alterar a UI. Para muitas aplicações, utilizar React fará com que elas tenham uma rápida interface sem fazer muito esforço para otimizar performance. No entanto, existem diversas maneiras para acelerar sua aplicação React.

Você conhece React.memo? os hooks useMemo e useCallback? se sim, sabe quando utilizar? 

sabe verificar quantas vezes seus componentes são renderizados? pra isso vamos dar uma espiada na extensão do chrome React devTools.




Tempo para palestra: 40 minutos.

Quando vamos implementar um CRUD qualquer baseado em RESTful APIs, existe sempre o mesmo conjunto de código (de snippets a boilerplates) para nossos componentes React darem feedback visual de quando os dados estão prontos, se estão sob edição, se deram erro ou quando ainda estão carregando. Há muitas variações de estado, e a coisa fica mais complicada quando temos que especificar o estado individual de cada recurso: imagine que estamos com uma lista de livros na tela que vieram de um único endpoint, e apenas um deles está carregando mais detalhes através de outro endpoint, como arquitetar o estado globalmente para que apenas aquela linha da lista indique estado de loading na UI?

Por serem códigos repetitivos, algumas pessoas até negligenciam um ou outro estado por falta de tempo, preguiça ou mesmo esquecimento, produzindo interfaces de menor qualidade a usuários, desperdiçando recursos de especificações de design, elaborando complexas e despadronizadas arquiteturas e culpando o React por ser uma lib e não um framework mais completo. 

O objetivo dessa palestra é, portanto, mostrar as diversas alternativas para gerenciar uma arquitetura de estado dessa natureza, de forma escalável, produtiva e simples, seja com Redux (Toolkit ou não), MobX ou Hooks.