Front in Sampa 2023: inspiração, aprendizado, e networking para os amantes do front-end

Durante o dia, o Front in Sampa 2023 ofereceu palestras, conhecimento, contatos, e muita conversa.

À noite, o Code in the Dark proporcionou música, cerveja, e desafio de programação.

Nunca ouviu falar desse circuito?

Em julho de 2023, aconteceu o Front in Sampa, um dos maiores eventos de front-end do Brasil. Lá rolou de tudo.

• Palestras

• Live coding

• Contatos

• E até festa

Tive o prazer de participar, conversar e conhecer muita gente bacana.

Veja o que rolou.

Microsoft Reactor

Logo na abertura do Front in Sampa 2023, descobri a existência do Microsoft Reactor. Essa comunidade da Microsoft te ajuda a:

• Desenvolver sua carreira

• Encontrar outros desenvolvedores

• Se conectar com startups

• Aprender novas habilidades

Infelizmente, no Brasil existe apenas uma sede física do Microsoft Reactor em São Paulo . Apesar disso, algumas das palestras passam ao vivo, então você pode acompanhar tudo.

Além dessa, existem outras 11 localidades ao redor do mundo .

Flash Tatoo

Havia um stand com Flash Tatoo dentro do Front in Sampa.

Não foi dessa vez que fiz uma tatuagem relâmpago, mas um dia será 😁. Um amigo que também estava no evento fez:

Escalabilidade e sustentação no front-end

Essa foi a primeira palestra do dia.

Quem apresentou foi o Emilio Aiolfi . Além de participar do podcast Devnaestrada , ele é engenheiro front-end no Grupo SBF, que opera a Nike Brasil.

Ele falou sobre a importância de dar atenção à escalabilidade. Ele definiu escalabilidade como atender a uma grande demanda sem perder desempenho.

Alguns dos pontos que ele considerou importantes para um ambiente como esse:

• Dev experience (DX)

• Fluxo de PRs constantes e sem travamentos

• Poder fazer deploy a qualquer momento

• Poder fazer rollback a qualquer momento

• Testes

A stack que eles usam nos projetos é:

• Next.js (fora da Vercel)

• React

• Typescript

• Styled Componentes

• CSS Module

• Storybook

• Kubernets

• CDN

Como você pode ver, eles utilizam o Next.js fora da Vercel. Em função disso, precisam implementar o SSR e ISR de forma manual, e isso exige muito recurso da CPU.

Como disse um amigo que conheci no dia do evento:

E sobre as páginas mais importantes para SEO, já que se trata de um ecommerce, eles consideram:

• Home

• Busca

• Página de detalhes de produto (PDP)

Frontin.js

Afonso Pacifer criou essa lib e disponibilizou NPM .

Ele fez essa homenagem ao Front in Sampa em um projeto onde recriou o React do zero, com virtual DOM e tudo.

Data vs Code

Essa foi uma das palestras mais interessantes que assisti.

Gui Souza falou sobre o surgimento do "primeiro computador": os cartões perfurados. Eles servem para alterar o funcionamento da máquina sem trocar a máquina.

Um piano pode tocar uma música diferente ao trocar o cartão perfurado dentro dele. Ou seja, para ouvir outra música não é preciso trocar o piano.

Hoje em dia, para acessar um site diferente, basta trocar o código Javascript, e não o navegador ou computador.

E aí então chegou no espírito da palestra. Faz sentido manter os dados no banco de dados? Sim, é para isso que ele serve. E manter o código no banco? E o layout?

Uma tal de Tatiana e Open source

A Tatiana falou sobre open source no palco Staging.

Ela se denomina no Twitter como Tati quebra layout (sensacional).

Vez ou outra vejo pessoas que incentivam a participação no open source. Contribuições técnicas, traduções, responder em fóruns... tudo vale. E a palestra da Tatiana foi mais uma dessas.

Mario Souto, erros no Javascript

A penúltima palestra que assisti foi a do Mario Souto , o Dev Soutinho.

Ele sugeriu a criação de uma classe que estende a classe Error do Javascript. Essa nova classe servirá para trabalhar os diferentes tipos de erro que o front-end enfrenta.

Dica: ele explica os passos para criar essa classe no curso Crud com Qualidade (spoiler: aula 5.3). Sou aluno do curso e aprendi coisas muito importantes:

1. Tudo é crud

2. A ligação entre front-end e back-end

3. Banco de dados

4. Qualidade de código com Linter e Prettier

5. Integração contínua

6. Segurança

E muito mais.

Após a palestra fomos tomar um café para conversar e tive a honra de ganhar um Starbucks dele. Uma pena que demorei para registrar o momento.

Lucas Santos, escalabilidade para milhões e bilhões

A última palestra que assisti foi a do Lucas Santos .

Outra apresentação muito boa sobre escalabilidade. Os pontos que consegui absorver melhor foram sobre lead balance, cache e banco de dados.

Mas o dia de evento não acabou com o fim das palestras

Code in the Dark

À noite, após as palestras do Front in Sampa, aconteceu a festa mais nerdona de todas.

Imagina só:

• Festa

• Luzes piscantes

• Música alta

• Bebida

• HTML e CSS

Sim, 16 pessoas são sorteadas para o desafio de criar uma tela com HTML e CSS, em 15 minutos e sem preview. Infelizmente não fui uma delas.

A playlist da festa estava sensacional. Teve grunge, indie, hardcore, metal e funk para a galera se soltar na pista.

Como se as comemorações não bastassem, durante a festa, o canal no YouTube do Mario bateu 80 mil inscritos .

Callback

A moral da história em todos os meus posts sobre eventos da comunidade é: participe de eventos da comunidade.

Conhecer e conversar com diversas pessoas é sempre muito legal. Ainda mais quando essa experiência pode te proporcionar novos conhecimentos, oportunidades de emprego, etc.

E aí, qual será seu próximo evento da comunidade?