Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
How to migrate legacy frontend?
Search
Igor Halfeld
July 29, 2022
Programming
1
110
How to migrate legacy frontend?
Igor Halfeld
July 29, 2022
Tweet
Share
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
110
Clean Architecture no Front-end (update 2021-05-11)
igorhalfeld
0
51
Step by step I followed a career in software
igorhalfeld
0
700
Using AI to create memes
igorhalfeld
0
520
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
88
Front-end Clean Architecture
igorhalfeld
2
270
Other Decks in Programming
See All in Programming
AIにコードを生成するコードを作らせて、再現性を担保しよう! / Let AI generate code to ensure reproducibility
yamachu
7
6k
複数アプリケーションを育てていくための共通化戦略
irof
0
540
SpringBootにおけるオブザーバビリティのなにか
irof
1
890
Use Perl as Better Shell Script
karupanerura
0
650
マテリアルって何者?RealityKitで扱うマテリアル入門
nao_randd
0
140
CRUD から CQRS へ ~ 分離が可能にする柔軟性
tkawae
0
230
イベントストーミングから始めるドメイン駆動設計
jgeem
3
370
がんばりすぎないコーディングルール運用術
tsukakei
1
180
ユーザーにサブドメインの ECサイトを提供したい (あるいは) 2026年函館で一番熱くなるかもしれない言語の話
uvb_76
0
180
REST API設計の実践 – ベストプラクティスとその落とし穴
kentaroutakeda
2
320
Reactive Thinking with Signals, Resource API, and httpResource @Devm.io Angular 20 Launch Party
manfredsteyer
PRO
0
130
Doma で目指す ORM 最適解
nakamura_to
1
160
Featured
See All Featured
Fireside Chat
paigeccino
37
3.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
329
24k
Code Review Best Practice
trishagee
68
18k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Typedesign – Prime Four
hannesfritz
41
2.6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
19
1.3k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
14
1.5k
Practical Orchestrator
shlominoach
188
11k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
123
52k
Being A Developer After 40
akosma
91
590k
Transcript
Como migrar front-end legado? 💩
Igor Halfeld Software Engineer igorhalfeld.com - @igorhalfeld
treinamento.vuejsbrasil.org
70% negócio & 30% tech
Tudo é sobre produto!
A grande ilusão…
Tipos de projeto legado 😌
React com Hooks e Prop Types
Vue 1 com Sass
React com Class Component e Prop Types
Angular 1 e sass
jQuery com bootstrap
Em resumo, todos já caíram ou vão eventualmente caindo em
um projeto com código legado
Complexidade instrumental vs Complexidade inerente
None
Escrever código é uma forma de otimizar processos
Código legado só é ruim se você tem que mexer
nele 👀
Débito técnico é ruim?
Vamos simular um usecase
None
- Login - Header - Menu - Conteúdo
Como? 😏
None
- Login - Header - Menu - Conteúdo
Nginx 😍
Testes E2E (cypress) do que for ser refatorado
Nginx App 1 Front 2
None
None
None
None
*Foco no problema. *Estratégico sempre antes do operacional. *Tecnologia nova
é legal, mas o básico muitas das vezes já funciona (boringtechnology.club).
igorhalfeld.com - @igorhalfeld