How to migrate legacy frontend?

July 29, 2022

82

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

110

Patterns for perfect components in Vue.js

0

98

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

0

35

Step by step I followed a career in software

0

640

Using AI to create memes

0

480

Deninho, the TS children

1

190

Micro Front-ends, what's anyone says...

0

320

CSS in JavaScripto, the anti-pattern that is good

1

82

Front-end Clean Architecture

2

270

Other Decks in Programming

See All in Programming

TCAとKMPを用いた新規動画配信アプリ「ABEMA Live」の設計

1

110

エンターテイメント業界で利用されるAWS

0

210

障害対応を起点としたもっといい開発と運用のサイクル作りのためにできること / Hatena Enginner Seminar #29

0

230

MicrosoftのPlatform Engineeringガイドを読んで実際になにかやってみた

1

370

GitHub Actionsで泣かないためにやっておきたい設定 / Recommended GHA settings to avoid crying

3

540

PostmanでAPIの動作確認が楽になった話

0

170

VSCodeでのDatabricks開発もお勧めしたい/I would also recommend Databricks development with VSCode.

0

260

Snowflakeで眠ったデータを起こそう！

0

120

Blue/Greenデプロイの導入による運用フローの改善

1

380

11

1.6k

Let's learn code review

2

440

FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション

43

19k

Featured

See All Featured

CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again

155

14k

Design by the Numbers

274

18k

For a Future-Friendly Web

172

9k

Documentation Writing (for coders)

60

3.9k

How to Ace a Technical Interview

272

22k

10 Git Anti Patterns You Should be Aware of

648

58k

21

2.6k

The Pragmatic Product Professional

25

5.8k

Understanding Cognitive Biases in Performance Measurement

7

1k

"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)

221

21k

Java REST API Framework Comparison - PWX 2021

18

6.9k

ReactJS: Keep Simple. Everything can be a component!

659

120k

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