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

Veja o que rolou no Front in Sampa 2023, o maior evento de front-end da América Latina. Desde palestras, live coding e até uma balada

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?