Upgrade to Pro — share decks privately, control downloads, hide ads and more …

How to migrate legacy frontend?

Igor Halfeld
July 29, 2022
Programming
1
110

How to migrate legacy frontend?

Igor Halfeld

July 29, 2022
Tweet

More Decks by Igor Halfeld

See All by Igor Halfeld
Modular monoliths with fastify
igorhalfeld
0
160
Patterns for perfect components in Vue.js
igorhalfeld
0
100
Clean Architecture no Front-end (update 2021-05-11)
igorhalfeld
0
48
Step by step I followed a career in software
igorhalfeld
0
690
Using AI to create memes
igorhalfeld
0
510
Deninho, the TS children
igorhalfeld
1
200
Micro Front-ends, what they don't tell you
igorhalfeld
0
370
CSS in JavaScripto, the anti-pattern that is good
igorhalfeld
1
86
Front-end Clean Architecture
igorhalfeld
2
270

Other Decks in Programming

See All in Programming
CTFのWebにおける⾼難易度問題について
hamayanhamayan
1
880
Identifying and Analyzing Fake OSS with Malware - fukuoka.go#21
rhykw
0
420
爆速スッキリ！ Rspack 移行の成果と道のり - Muddy Web #11
dora1998
0
130
英語文法から学ぶ、クリーンな設計の秘訣
newnomad
1
260
バックエンドNode.js × フロントエンドDeno で開発して得られた知見
ayame113
4
1.2k
Go1.24で testing.B.Loopが爆誕
kuro_kurorrr
0
140
フロントエンドテストの育て方
quramy
3
300
OpenTelemetryを活用したObservability入門 / Introduction to Observability with OpenTelemetry
seike460
PRO
0
180
プログラミング教育のコスパの話
superkinoko
0
110
Kubernetesで実現できるPlatform Engineering の現在地
nwiizo
2
1.4k
ニックトレイン登壇資料
ryotakurokawa
0
120
Generative AI for Beginners .NETの紹介
tomokusaba
1
270

Featured

See All Featured
Optimising Largest Contentful Paint
csswizardry
34
3.1k
What's in a price? How to price your products and services
michaelherold
244
12k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Stop Working from a Prison Cell
hatefulcrawdad
268
20k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
We Have a Design System, Now What?
morganepeng
51
7.5k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
Side Projects
sachag
452
42k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
11
600
The Cost Of JavaScript in 2023
addyosmani
48
7.6k

Transcript

  1. Como migrar front-end legado? 💩

  2. Igor Halfeld Software Engineer igorhalfeld.com - @igorhalfeld

  3. treinamento.vuejsbrasil.org

  4. 70% negócio & 30% tech

  5. Tudo é sobre produto!

  6. A grande ilusão…

  7. Tipos de projeto legado 😌

  8. React com Hooks e Prop Types

  9. Vue 1 com Sass

  10. React com Class Component e Prop Types

  11. Angular 1 e sass

  12. jQuery com bootstrap

  13. Em resumo, todos já caíram ou vão eventualmente caindo em

    um projeto com código legado

  14. Complexidade instrumental vs Complexidade inerente

  15. None

  16. Escrever código é uma forma de otimizar processos

  17. Código legado só é ruim se você tem que mexer

    nele 👀

  18. Débito técnico é ruim?

  19. Vamos simular um usecase

  20. None

  21. - Login - Header - Menu - Conteúdo

  22. Como? 😏

  23. None

  24. - Login - Header - Menu - Conteúdo

  25. Nginx 😍

  26. Testes E2E (cypress) do que for ser refatorado

  27. Nginx App 1 Front 2

  28. None
  29. None
  30. None
  31. None

  32. *Foco no problema. *Estratégico sempre antes do operacional. *Tecnologia nova

    é legal, mas o básico muitas das vezes já funciona (boringtechnology.club).

  33. igorhalfeld.com - @igorhalfeld