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
98
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
130
Patterns for perfect components in Vue.js
igorhalfeld
0
100
Clean Architecture no Front-end (update 2021-05-11)
igorhalfeld
0
38
Step by step I followed a career in software
igorhalfeld
0
670
Using AI to create memes
igorhalfeld
0
500
Deninho, the TS children
igorhalfeld
1
200
Micro Front-ends, what they don't tell you
igorhalfeld
0
360
CSS in JavaScripto, the anti-pattern that is good
igorhalfeld
1
84
Front-end Clean Architecture
igorhalfeld
2
270
Other Decks in Programming
See All in Programming
React + TextAliveでカッコいいLyric Applicatioinを作ろう!!
tosuri13
0
400
全部見せます! クラシルリワードのSwiftTesting移行プロジェクト
uetyo
0
210
実践 Advanced CallKit 〜快適な通話の実現に向けて〜
mot_techtalk
3
140
GraphQLの魅力を引き出すAndroidクライアント実装
morux2
3
540
Jakarta EE meets AI
ivargrimstad
1
480
Prolog入門
qnighy
4
1k
Some more adventure of Happy Eyeballs
coe401_
2
180
エンジニア1年目で複雑なコードの改善に取り組んだ話
mtnmr
3
2k
あなたのアプリ、ログはでてますか?あるいはログをだしてますか? (Funabashi.dev用 軽量版)
uzulla
2
120
事業フェーズの変化に対応する 開発生産性向上のゼロイチ
masaygggg
0
200
Prompt Cachingは本当に効果的なのか検証してみた.pdf
ttnyt8701
0
530
LangChainでWebサイトの内容取得やGitHubソースコード取得
shukob
0
160
Featured
See All Featured
Music & Morning Musume
bryan
46
6k
Teambox: Starting and Learning
jrom
131
8.7k
Robots, Beer and Maslow
schacon
PRO
157
8.2k
The Mythical Team-Month
searls
218
43k
The Brand Is Dead. Long Live the Brand.
mthomps
53
38k
Automating Front-end Workflow
addyosmani
1365
200k
Become a Pro
speakerdeck
PRO
22
4.9k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
38
9.2k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Rebuilding a faster, lazier Slack
samanthasiow
78
8.6k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
Bootstrapping a Software Product
garrettdimon
PRO
304
110k
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