Front in Sampa 2023: inspiração, aprendizado, e networking para os amantes do front-end
Tags: frontinsampa, frontend, eventostech, codeinthedark
Published: 2023-08-07 23:38:59

## 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?

{% embed https://twitter.com/aaamenezes/status/1685414924950925312 %}
 
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](https://www.bing.com/maps?osid=2227d8b6-dcf3-436e-85e0-8592ed118215&cp=-23.618622%7E-46.645966&lvl=13.8&v=2&sV=2&form=S00027). 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](https://developer.microsoft.com/pt-br/reactor/about/).
 
![abelhas mascote do microsoft reactor](https://demenezes.dev/_next/image/?url=https%3A%2F%2Fwww.datocms-assets.com%2F64896%2F1691271408-abelhas-mascote-do-microsoft-reactor.jpg%3Fauto%3Dformat&w=3840&q=75)
 
## 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:

{% embed https://twitter.com/kvnol/status/1685505574610345984 %}
 
## Escalabilidade e sustentação no front-end
 
Essa foi a primeira palestra do dia.
 
Quem apresentou foi o [Emilio Aiolfi](https://twitter.com/EmilioAiolfi). Além de participar do podcast [Devnaestrada](https://devnaestrada.com.br/), 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:

{% embed https://twitter.com/LukeberryPi/status/1685278266712551424 %}
 
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](https://twitter.com/afonsopacifer) criou essa lib e disponibilizou [NPM](https://www.npmjs.com/package/frontinjs).
 
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](https://twitter.com/_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](https://twitter.com/umataldetatiana) (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.

{% embed https://twitter.com/aaamenezes/status/1685296474316312577 %}
 
## Mario Souto, erros no Javascript
 
A penúltima palestra que assisti foi a do [Mario Souto](https://twitter.com/omariosouto), 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](https://crudcomqualidade.io/) (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.
 
![copo vazio starbucks](https://demenezes.dev/_next/image/?url=https%3A%2F%2Fwww.datocms-assets.com%2F64896%2F1691271431-copo-vazio-starbucks.jpg%3Fauto%3Dformat&w=3840&q=75)
 
## Lucas Santos, escalabilidade para milhões e bilhões
 
A última palestra que assisti foi a do [Lucas Santos](https://twitter.com/_StaticVoid).
 
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

{% embed https://twitter.com/aaamenezes/status/1685424279322533888 %}
 
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.

{% embed https://twitter.com/aaamenezes/status/1685433470984605696 %}
 
A [playlist](https://open.spotify.com/playlist/6LEWbrgdPMCDjIi6X81plt?si=63435096c3a4464b&nd=1) da festa estava sensacional. Teve grunge, indie, hardcore, metal e funk para a galera se soltar na pista.

{% embed https://twitter.com/aaamenezes/status/1685441141485731840 %}
 
Como se as comemorações não bastassem, durante a festa, o [canal no YouTube do Mario bateu 80 mil inscritos](https://www.youtube.com/c/DevSoutinho).

{% embed https://twitter.com/aaamenezes/status/1685447208491995136 %}

{% embed https://twitter.com/aaamenezes/status/1685451902002069504 %}
 
## 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?