PT

Vinicius Dacal

Leia em português

My impressions about React Conf BR

pt-br post: https://goo.gl/RvrTez

Last Saturday I was in Sao Paulo for the React Conf BR. I was very excited about this event, and I had been planning this travel for some months. That was going to be the first edition and actually, that was going to be the first time we had a React Conf in Latin America, so I believe I wasn’t the only one excited about that. So, I would like to share my main impressions about each talk and the conf itself.

The magic world of tests with Jest

The conference was opened by Fernando Daciuk talking about TDD and Jest. Daciuk is an experienced developer and his didactic is excellent. More than just showing what we are used to see about TDD, he talked about the importance of tests to document our code and our functionalities and he also guided us through a baby step test case using Jest. Here you can access the link for his presentation slides: https://goo.gl/joaJbf

Transforming a legacy frontend in a React Application

This talk was presented by Kete Martins Rufino and Christiano Milfont. They brought us some approaches they were using to migrate a Backbone application to React and Redux. They shared the difficulties they had in the process and how they solved them. This talk was really interesting, because it made clear that we don’t need to be attached to an specific technology just because we have a legacy application. There are sometimes where you don’t find a made solution and you end up creating your own, but there are always ways to keep evolving the projects. Their presentation’s slides can be found here: goo.gl/6g3bFc

We are here now at @ReactConfBR! Let’s esteem the brazilian conferences! May we have more events of this level.

Let’s dive into Babel: How everything works

Marcelo Camargo is the creator of Quack lang and he has a comprehensive knowledge about compilers and functional programming. He introduced us to Babel’s internals and how Babel handles the JSX parsing. He also showed how we could use Babel plugins to create custom functionalities to a programming language.

Be aware: One of the slides contains a prank, so, better you turn your sound off before going trough them. The presentation slides can be found here: https://goo.gl/7rvKTG

Statically Typing your GraphQL App

James Baxley, one of the core developers from Apollo and MeteorJS, gave an amazing talk about how we could add type checking for GraphQL queries in React Apps. He also wrote an article about this topic which you can find here: https://goo.gl/TN8Tn2

The link for his presentation slides: https://goo.gl/6TouPh

Scratching React Fiber

Raphael Amorim is an active open source contributor and a jQuery foundation’s member. He talked about the React’s new version and how the rewritten of the render algorithm impacts on browser’s animation performance. The link for his presentations’s slides can be found here: https://goo.gl/133WYP

Those were all the presentations for the morning. Right after them, we had a Fishbowl time, where some people stay sit in chairs on the stage, asking question to others. Anyone who wants to ask some question, or answer, could go to the stage an take a chair. The main rule was: One of the chair should be always empty, to give space to others.

MobX: The light side of the force

Back from lunch, the first talk was given by Clara Battesini. She is a Frontend developer and a Computer Engineering student. She introduced us to MobX, a state manager that can be an alternative to Redux. Here is the link for her presentation slides: https://goo.gl/qEiZ9W

Show do Milhão React PWA - Success case

In this talk, João Gonçalves presented a case of success of the web app “Show do milhão”. He showed us how he built a progressive web app, that also uses React and Redux. The link for his presentation slides: https://goo.gl/jQckxZ

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

Raphael Costa, full stack developer at Pipefy, talked about how he built an entire app in only three weeks, using React Native and GraphQL with the Apollo stack. Presentation slides can be found here: https://goo.gl/9UZG1z

The GraphQL and Apollo stack: connecting everything together

Sashko Stubailo talked about Apollo ecosystem. How all its amazing tools can be combined to help us build complex applications in a simple way. He also shared a little about Apollo future and their goals. The slides for his talk can be found here: https://goo.gl/87yUNG

Why React is good for business

On this talk, Sebastian Ferrari, CTO and Co-Founder at Taller, gave great opinions about why React is also good for business point of view. How its functional programming premises help to increase predictability and decrease bugs in the applications, and how these things affect the application life cycle, the developers and the users.

The presentation slides in pt-br: http://bit.ly/2xuP8Pm

Gorgeous Apps with React Motion and Animations

On his presentation, Henrique Sosa showed the different approaches we have, to handle animations in React applications. Then, he introduced us to React Motion and talked about its cons and pros. Link for the presentation’s slides: https://goo.gl/CNDthc

Isomorphic React + Redux App

React supports server side rendering, that doesn’t mean that everything works out of the box though. Matheus Marsiglio talked about the difficulties he faced developing an isomorphic application, such as keep the state synced between server and browser. Then he showed some approaches he followed to solve them. Link for presentation slides: https://goo.gl/U4FvcY

What React has about Functional

In this amazing presentation, Matheus Lima talked about how functional programming influenced on React’s development, through pure functions, immutability and composition, and how we could use more those concepts to write declarative code and simplify our component logics. The slides for this presentation are in pt-br and can be found here: https://goo.gl/qfFD4G

React Performance from Scratch

Keulelr Magalhaes, Software Engineer at PagSeguro, talked about performance measurement and showed us how he did some benchmarks, comparing React, InfernoJS and Preact.

Link for the presentation slides: https://goo.gl/prj3b1

Continuos Integration / Continuos Deployment

Geisy Domiciano is Frontend Developer at Polishop and also a Dog’s mom. On this great presentation, she talked about the importance of continuous integration and continuous deploy. How we could implant that in an application and which tools we could use to facilitate that.

Presentation slides can be found here: https://goo.gl/LPTA6X

Relay Modern

And the last talk from the day was given by Sibelius Seraphini , Technical Lead at Entria and also one of the most active members in the React community in Brazil. He talked about Relay modern, the new features and the differences between the new and the old version. Presentations slides can be found here: https://goo.gl/1yh1YD

Notice that GraphQL was the buzzword during the conference. All the cases of success made me feel motivated to invest some time on it.

I almost forgot to mention, everyone won a cardboard VR glasses kit, which was so cool.

To close the day, the english school An English Thing sponsored an afterparty with free drinks.

The event was really great and connected a lot of people. Congrats for all the speakers to been share their knowledge and specially the organizers to show that we have an awesome React community here in Brazil.


Vinicius Dacal

Brazilian
Software Engineer.
Working remotely for BEN UK.
Loves learning, creating and sharing.