How to migrate legacy frontend?

July 29, 2022

120

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

0

180

Patterns for perfect components in Vue.js

0

110

Clean Architecture no Front-end (update 2021-05-11)

0

52

Step by step I followed a career in software

0

700

Using AI to create memes

0

520

Deninho, the TS children

1

210

Micro Front-ends, what they don't tell you

0

380

CSS in JavaScripto, the anti-pattern that is good

1

89

Front-end Clean Architecture

2

280

Other Decks in Programming

See All in Programming

そのAPI、誰のため？ Androidライブラリ設計における利用者目線の実践テクニック

2

300

🔨 小さなビルドシステムを作る

4

680

FindyにおけるTakumi活用と脆弱性管理のこれから

0

510

Laravel Boost 超入門

3

220

Ruby×iOSアプリ開発 ~共に歩んだエコシステムの物語~

0

320

ProxyによるWindow間RPC機構の構築

3

1.2k

詳解！defer panic recover のしくみ / Understanding defer, panic, and recover

0

240

2025 年のコーディングエージェントの現在地とエンジニアの仕事の変化について

24

12k

実用的なGOCACHEPROG実装をするために / golang.tokyo #40

1

270

AIと私たちの学習の変化を考える - Claude Codeの学習モードを例に

10

4.1k

The Past, Present, and Future of Enterprise Java with ASF in the Middle

0

110

Navigation 2 を 3 に移行する（予定）ためにやったこと

0

230

Featured

See All Featured

Building Applications with DynamoDB

96

6.6k

Automating Front-end Workflow

1370

200k

[RailsConf 2023 Opening Keynote] The Magic of Rails

30

9.7k

Fashionably flexible responsive web design (full day workshop)

407

66k

Typedesign – Prime Four

42

2.8k

Statistics for Hackers

799

220k

How STYLIGHT went responsive

100

5.8k

Build The Right Thing And Hit Your Dates

37

2.9k

Designing for Performance

610

69k

Designing for humans not robots

253

25k

The Pragmatic Product Professional

36

6.9k

Thoughts on Productivity

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