Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
How to migrate legacy frontend?
Search
Igor Halfeld
July 29, 2022
Programming
150
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
How to migrate legacy frontend?
Igor Halfeld
July 29, 2022
Transcript
33 slides
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
More Decks by Igor Halfeld
See All by Igor Halfeld
Modular monoliths with fastify
igorhalfeld
0
210
Patterns for perfect components in Vue.js
igorhalfeld
0
150
Clean Architecture no Front-end (update 2021-05-11)
igorhalfeld
0
80
Step by step I followed a career in software
igorhalfeld
0
720
Using AI to create memes
igorhalfeld
0
550
Deninho, the TS children
igorhalfeld
1
230
Micro Front-ends, what they don't tell you
igorhalfeld
0
420
CSS in JavaScripto, the anti-pattern that is good
igorhalfeld
1
120
Front-end Clean Architecture
igorhalfeld
2
310
Other Decks in Programming
See All in Programming
선언형 햅틱 라이브러리 진동을 소개합니다
l2hyunwoo
1
310
느린 네트워크와 저사양 디바이스 사용자를 위한 웹뷰 로딩 시간 개선기
kmkim
1
240
なぜ私たちは「現時点では」KMPの導入を見送ったのか
chigichan24
0
210
AWS CDKを理解するために公式の定義を深掘って解説してみる / Understanding AWS CDK by Digging into Its Official Definition
akihisaikeda
3
310
Augmenting AI with the Power of Jakarta EE
ivargrimstad
0
320
はじめてのPLATEAU
nokonoko1203
1
650
baseline으로 마이그레이션, 리팩토링 안전하게 맡기기
fornewid
1
980
あなたはMCPの機能を、まだ知らない。
4geru
1
140
高橋メソッドでCVE解説シリーズ 〜CVE-2026-112816〜
hakkadaikon
0
260
動画プレイヤーはなぜカクつくのか 〜Flutterのレンダリングとネイティブの境界を解剖する〜
naruogram
0
340
우리의 Nitro Modules는 당신의 Turbo Modules보다 아름답다
l2hyunwoo
0
260
Crash Auto Pipelines
veronikapj
1
420
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
55
8.4k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.4k
Designing for humans not robots
tammielis
254
26k
Embracing the Ebb and Flow
colly
88
5.2k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
640
Ethics towards AI in product and experience design
skipperchong
2
460
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
940
Measuring & Analyzing Core Web Vitals
bluesmoon
9
1.1k
AI Search: Where Are We & What Can We Do About It?
aleyda
0
8.2k
Prompt Engineering for Job Search
mfonobong
0
590
Mobile First: as difficult as doing things right
swwweet
225
10k
The Cult of Friendly URLs
andyhume
79
7.1k