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

88

Front-end Clean Architecture

2

280

Other Decks in Programming

See All in Programming

「テストは愚直&&網羅的に書くほどよい」という誤解 / Test Smarter, Not Harder

0

190

What's new in AppKit on macOS 26

0

130

ISUCON研修おかわり会講義スライド

1

460

코딩 에이전트 체크리스트: Claude Code ver.

0

840

Rails Frontend Evolution: It Was a Setup All Along

0

230

Result型で“失敗”を型にするPHPコードの書き方

5

970

AI Agent 時代のソフトウェア開発を支える AWS Cloud Development Kit (CDK)

4

530

LT 2025-06-30: プロダクトエンジニアの役割

0

800

MCPを使ってイベントソーシングのAIコーディングを効率化する / Streamlining Event Sourcing AI Coding with MCP

0

150

The Niche of CDK Grant オブジェクトって何者？/the-niche-of-cdk-what-isgrant-object

1

410

AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI

1

170

Railsアプリケーションとパフォーマンスチューニングー秒間5万リクエストのモバイルオーダーシステムを支える事例ー Rubyセミナー大阪

5

1.4k

Featured

See All Featured

Gamification - CAS2011

81

5.4k

Java REST API Framework Comparison - PWX 2021

31

8.7k

We Have a Design System, Now What?

53

7.7k

Product Roadmaps are Hard

54

11k

Keith and Marios Guide to Fast Websites

411

22k

個人開発の失敗を避けるイケてる考え方 / tips for indie hackers

107

19k

ReactJS: Keep Simple. Everything can be a component!

667

120k

29

5.4k

YesSQL, Process and Tooling at Scale

173

14k

Thoughts on Productivity

69

4.7k

Unsuck your backbone

671

58k

Put a Button on it: Removing Barriers to Going Fast.

60

3.9k

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