Slide 1

Slide 1 text

Como migrar front-end legado? 💩

Slide 2

Slide 2 text

Igor Halfeld Software Engineer igorhalfeld.com - @igorhalfeld

Slide 3

Slide 3 text

treinamento.vuejsbrasil.org

Slide 4

Slide 4 text

70% negócio & 30% tech

Slide 5

Slide 5 text

Tudo é sobre produto!

Slide 6

Slide 6 text

A grande ilusão…

Slide 7

Slide 7 text

Tipos de projeto legado 😌

Slide 8

Slide 8 text

React com Hooks e Prop Types

Slide 9

Slide 9 text

Vue 1 com Sass

Slide 10

Slide 10 text

React com Class Component e Prop Types

Slide 11

Slide 11 text

Angular 1 e sass

Slide 12

Slide 12 text

jQuery com bootstrap

Slide 13

Slide 13 text

Em resumo, todos já caíram ou vão eventualmente caindo em um projeto com código legado

Slide 14

Slide 14 text

Complexidade instrumental vs Complexidade inerente

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

Escrever código é uma forma de otimizar processos

Slide 17

Slide 17 text

Código legado só é ruim se você tem que mexer nele 👀

Slide 18

Slide 18 text

Débito técnico é ruim?

Slide 19

Slide 19 text

Vamos simular um usecase

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

- Login - Header - Menu - Conteúdo

Slide 22

Slide 22 text

Como? 😏

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

- Login - Header - Menu - Conteúdo

Slide 25

Slide 25 text

Nginx 😍

Slide 26

Slide 26 text

Testes E2E (cypress) do que for ser refatorado

Slide 27

Slide 27 text

Nginx App 1 Front 2

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

*Foco no problema. *Estratégico sempre antes do operacional. *Tecnologia nova é legal, mas o básico muitas das vezes já funciona (boringtechnology.club).

Slide 33

Slide 33 text

igorhalfeld.com - @igorhalfeld