How to migrate legacy frontend?

July 29, 2022

130

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

190

Patterns for perfect components in Vue.js

0

110

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

0

57

Step by step I followed a career in software

0

700

Using AI to create memes

0

530

Deninho, the TS children

1

220

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

0

390

CSS in JavaScripto, the anti-pattern that is good

1

96

Front-end Clean Architecture

2

290

Other Decks in Programming

See All in Programming

Automatic Grammar Agreementと Markdown Extended Attributes について

kishikawakatsumi

0

180

Oxlintはいいぞ

5

1.1k

.NET Conf 2025 の興味のあるセッションを復習した / dotnet conf 2025 quick recap for backend engineer

0

120

[KNOTS 2026登壇資料]AIで拡張‧交差するプロダクト開発のプロセスおよび携わるメンバーの役割

0

190

Patterns of Patterns

0

1.3k

疑似コードによるプロンプト記述、どのくらい正確に実行される？

0

360

コマンドとリード間の連携に対する脅威分析フレームワーク

1

430

SourceGeneratorのススメ

0

160

CSC307 Lecture 06

PRO

0

670

re:Invent 2025 のイケてるサービスを紹介する

0

180

それ、本当に安全？ファイルアップロードで見落としがちなセキュリティリスクと対策

7

2.4k

Grafana：建立系統全知視角的捷徑

0

310

Featured

See All Featured

The Success of Rails: Ensuring Growth for the Next 100 Years

47

7.9k

JavaScript: Past, Present, and Future - NDC Porto 2020

52

5.8k

AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference

1

1.1k

What the history of the web can teach us about the future of AI

PRO

1

420

Into the Great Unknown - MozCon

40

2.2k

Are puppies a ranking factor?

1

2.6k

A Modern Web Designer's Workflow

698

190k

Groundhog Day: Seeking Process in Gaming for Health

0

84

The Illustrated Guide to Node.js - THAT Conference 2024

0

250

Large-scale JavaScript Application Architecture

515

110k

Mobile First: as difficult as doing things right

225

10k

Product Roadmaps are Hard

PRO

55

12k

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