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

170

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

AIに安心して任せるためにTypeScriptで一意な型を作ろう

0

330

Google I/O Extended Incheon 2025 ~ What's new in Android development tools

1

230

CLI ツールを Go ライブラリとして再実装する理由 / Why reimplement a CLI tool as a Go library

3

970

kiroでゲームを作ってみた

0

140

MCP連携で加速するAI駆動開発/mcp integration accelerates ai-driven-development

0

280

実践！App Intents対応

1

210

ZeroETLで始めるDynamoDBとS3の連携

0

150

Streamlitで実現できるようになったこと、実現してくれたこと

ayumu_yamaguchi

2

280

WebAssemblyインタプリタを書く～Component Modelを添えて～

1

500

新しいモバイルアプリ勉強会（仮）について

1

250

Scale out your Claude Code ~⁨⁩自社専用Agentで10xする開発プロセス~

8

1.4k

副作用と戦う PHP リファクタリング ─ ドメインイベントでビジネスロジックを解きほぐす

3

530

Featured

See All Featured

Music & Morning Musume

46

6.7k

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

229

22k

Testing 201, or: Great Expectations

45

7.6k

Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything

31

2.5k

32

14k

Stop Working from a Prison Cell

271

21k

Making the Leap to Tech Lead

134

9.5k

Distributed Sagas: A Protocol for Coordinating Microservices

332

22k

The Straight Up "How To Draw Better" Workshop

235

140k

Helping Users Find Their Own Way: Creating Modern Search Experiences

29

2.8k

XXLCSS - How to scale CSS and keep your sanity

248

1.3M

Statistics for Hackers

799

220k

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