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
120
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
180
Patterns for perfect components in Vue.js
igorhalfeld
0
110
Clean Architecture no Front-end (update 2021-05-11)
igorhalfeld
0
52
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
210
Micro Front-ends, what they don't tell you
igorhalfeld
0
380
CSS in JavaScripto, the anti-pattern that is good
igorhalfeld
1
89
Front-end Clean Architecture
igorhalfeld
2
280
Other Decks in Programming
See All in Programming
そのAPI、誰のため? Androidライブラリ設計における利用者目線の実践テクニック
mkeeda
2
300
🔨 小さなビルドシステムを作る
momeemt
4
680
FindyにおけるTakumi活用と脆弱性管理のこれから
rvirus0817
0
510
Laravel Boost 超入門
fire_arlo
3
220
Ruby×iOSアプリ開発 ~共に歩んだエコシステムの物語~
temoki
0
320
ProxyによるWindow間RPC機構の構築
syumai
3
1.2k
詳解!defer panic recover のしくみ / Understanding defer, panic, and recover
convto
0
240
2025 年のコーディングエージェントの現在地とエンジニアの仕事の変化について
azukiazusa1
24
12k
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
mazrean
1
270
AIと私たちの学習の変化を考える - Claude Codeの学習モードを例に
azukiazusa1
10
4.1k
The Past, Present, and Future of Enterprise Java with ASF in the Middle
ivargrimstad
0
110
Navigation 2 を 3 に移行する(予定)ためにやったこと
yokomii
0
230
Featured
See All Featured
Building Applications with DynamoDB
mza
96
6.6k
Automating Front-end Workflow
addyosmani
1370
200k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.7k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Typedesign – Prime Four
hannesfritz
42
2.8k
Statistics for Hackers
jakevdp
799
220k
How STYLIGHT went responsive
nonsquared
100
5.8k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Designing for Performance
lara
610
69k
Designing for humans not robots
tammielis
253
25k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Thoughts on Productivity
jonyablonski
70
4.8k
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