No último sábado eu estava em São Paulo para o React Conf BR. Eu estava bem empolgado com esse evento e estive planejando essa viagem por alguns meses. Essa seria a primeira edição e também seria a primeira React Conf na América Latina, então eu acredito que eu não era o único que estava com essa empolgação. Nesse artigo, eu gostaria de compartilhar minhas principais impressões sobre cada talk e o sobre o evento em si.

The magic world of tests with Jest

A conferência foi aberta por Fernando Daciuk falando sobre TDD e Jest. Até porque, testes precisam vir primeiro. Daciuk é um desenvolvedor experiente e sua didática é excelente. Mais do que apenas mostrar o que estamos acostumados a ver sobre TDD, ele falou sobre a importância de testes para documentar nosso código e nossas funcionalidades e ele também nos guiou através de um caso de teste passo a passo, usando Jest . Slides da apresentação: https://goo.gl/joaJbf

Transformando um front-end legado em uma React SPA

Essa palestra foi ministrada por Kete Martins Rufino e Christiano Milfont. Eles trouxeram para nós algumas abordagens que eles estavam utilizando para migrar uma aplicação Backbone para React e Redux. Eles falaram um pouco sobre os problemas que eles enfrentaram nesse processo e como resolveram eles. Essa talk foi bem interessante, porque deixou claro que nós não precisamos ficar presos a uma tecnologia específica só porque temos uma aplicação legada. Há também momentos em que você não acha soluções prontas e acaba precisando criar as suas próprias, mas sempre há maneiras de continuar melhorando e evoluindo as aplicações. Link para os slides: goo.gl/6g3bFc

Let’s dive into Babel: how everything works

Marcelo Camargo é o criador da Quack lang e possui um conhecimento abrangente sobre compiladores e programação funcional. Ele nos apresentou aos internos do Babel e como o mesmo lida com a conversão do JSX para Javascript. Ele também mostrou como poderíamos usar os plugins do Babel para criar funcionalidades personalizadas para uma linguagem de programação.

Atenção: um dos slides contém uma pegadinha, então é melhor que você desligue o som antes de abri-los. Link para os slides: https://goo.gl/7rvKTG

Statically Typing your GraphQL App

James Baxley , um dos principais desenvolvedores dos projetos Apollo e MeteorJS. Nessa excelente talk, falou sobre como podemos adicionar tipagem estática para queries GraphQL em aplicações React. Link para os slides: https://goo.gl/6TouPh

Ele também escreveu um artigo sobre este tópico que você pode encontrar aqui: https://goo.gl/TN8Tn2

Scratching React Fiber

Raphael Amorim é um colaborador ativo da comunidade open source e um dos membros da fundação jQuery. Ele falou sobre a nova versão do React e como a reescrita do algoritmo de renderização afeta o desempenho de animações nos navegadores. Link para os slides: https://goo.gl/133WYP

Essas foram todas as apresentações da manhã. Logo após elas, tivemos um “Fishbowl time”, onde algumas pessoas ficam sentadas em cadeiras no palco, fazendo perguntas aos outros. Quem quiser fazer alguma pergunta ou responder pode ir ao palco e pegar uma cadeira. A regra principal era: Uma das cadeiras deveria estar sempre vazia, para dar espaço aos outros.

MobX: The light side of the force

De volta do almoço, a primeira talk foi dada por Clara Battesini . Ela é desenvolvedora Frontend e estudante de Engenharia da computação. Ela nos apresentou ao MobX , um gerenciador de estados que pode ser uma alternativa ao Redux. Link para os slides: https://goo.gl/qEiZ9W

Show do Milhão React PWA (Caso de Sucesso)

Nesta talk, João Gonçalves apresentou um caso de sucesso da aplicação web “Show do milhão”. Ele nos mostrou como ele construiu um progressive web app, que também utiliza React e Redux. Link para os slides: https://goo.gl/jQckxZ

Building the Pipefy mobile app in 3 weeks with React Native, GraphQL and Apollo

Raphael Costa, Full Stack developer no Pipefy, falou sobre como ele construiu um aplicativo inteiro em apenas três semanas, usando React Native e GraphQL com a Stack Apollo. Os slides da apresentação podem ser encontrados aqui: https://goo.gl/9UZG1z

The GraphQL and Apollo stack: connecting everything together

Sashko Stubailo, criador do Apollo, falou sobre o ecossistema do projeto. Como todas as incríveis ferramentas podem ser combinadas para simplificar a criação de aplicações. Ele também compartilhou um pouco sobre o futuro do Apollo e qual caminho que ele espera que o projeto siga. Os slides podem ser encontrados aqui: https://goo.gl/87yUNG

Why React is good for business

Nesta conversa, Sebastian Ferrari , CTO e co-fundador da Taller, deu ótimas opiniões sobre o fato do React também ser bom para o ponto de vista dos negócios. Como as premissas de programação funcional ajudam a aumentar a previsibilidade e diminuir bugs nas aplicações e como isso afeta, o ciclo de vida do aplicativo, os desenvolvedores e os usuários.

Link para os slides: http://bit.ly/2xuP8Pm

Gorgeous Apps with React Motion and Animations

Na sua apresentação, Henrique Sosa mostrou as diferentes abordagens que temos para lidar com animações em aplicações React. E então, ele nos apresentou ao React Motion e falou sobre seus pros e contras. Link para os slides: https://goo.gl/CNDthc

Isomorphic React + Redux App

O React suporta renderização do lado do servidor, porém isso não significa que tudo funcione automaticamente. Matheus Marsiglio falou sobre as dificuldades que enfrentou ao desenvolver uma aplicação isomórfica, como por exemplo: Manter o estado sincronizado entre server e browser. E Então ele mostrou algumas abordagens que ele seguiu para passar por elas. Link para os slides da apresentação: https://goo.gl/U4FvcY

O que tem de Funcional no React

Nesta apresentação excelente, Matheus Lima falou sobre como a programação funcional influenciou o desenvolvimento do React, através de funções puras, imutabilidade e composição, e como podemos usar mais esses conceitos para escrever código declarativo e simplificar nossa lógica dentro dos componentes. Os slides para esta apresentação podem ser encontrados aqui: https://goo.gl/qfFD4G

React Performance from Scratch

Keulelr Magalhães , engenheiro de software da PagSeguro, falou sobre testes de desempenho e nos mostrou como ele fez alguns benchmarks, comparando React , InfernoJS e Preact_ ._

Link para os slides da apresentação : https://goo.gl/prj3b1

Continuos Integration / Continuos Deployment

Geisy Domiciano é Frontend Developer na Polishop e também uma Dog’s mom. Nesta excelente apresentação, ela falou sobre a importância de CI e CD nas aplicações. Como e quais ferramentas podemos utilizar para implantar isso em nossos projetos. Os slides da apresentação podem ser encontrados aqui: https://goo.gl/LPTA6X

Relay modern

E a última talk do dia foi dada por Sibelius Seraphini, Technical Lead na Entria e também um dos membros mais ativos da comunidade React no Brasil. Ele falou sobre Relay modern, os novos recursos e as diferenças entre a versão nova e antiga. Os slides da apresentações podem ser encontrados aqui: https://goo.gl/1yh1YD

Observe que GraphQL foi o assunto mais comentado do dia. Todos os casos de sucesso me motivaram a investir os estudos nele.

Quase esqueci de mencionar, todos ganharam um kit de óculos cardboard VR. Eu achei isso fantástico, principalmente a parte de montá-lo.

Para fechar o dia, a escola de inglês An English Thing patrocinou um afterparty open bar na MonoClub.

O evento foi realmente ótimo e conectou muitas pessoas. Parabéns a todos os palestrantes pela dedicação em compartilhar seus conhecimentos, aos organizadores por fazer um evento excelente e um parabéns a todos nós, por mostrarmos que temos uma comunidade maravilhosa de React aqui no Brasil. Muito obrigado!