How to migrate legacy frontend?

July 29, 2022

110

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

生成AIで日々のエラー調査を進めたい

0

650

Blazing Fast UI Development with Compose Hot Reload (droidcon New York 2025)

1

220

GitHub Copilot and GitHub Codespaces Hands-on

1

120

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

4

950

都市をデータで見るってこういうこと　PLATEAU属性情報入門

1

570

0

270

なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure

1

690

なぜ「共通化」を考え、失敗を繰り返すのか

1

530

Team topologies and the microservice architecture: a synergistic relationship

0

1.1k

PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則

2

560

Create a website using Spatial Web

0

300

git worktree × Claude Code × MCP ～生成AI時代の並列開発フロー～

1

480

Featured

See All Featured

Rails Girls Zürich Keynote

94

14k

Mobile First: as difficult as doing things right

223

9.7k

Design and Strategy: How to Deal with People Who Don’t "Get" Design

130

19k

4 Signs Your Business is Dying

184

22k

The Cost Of JavaScript in 2023

51

8.5k

Designing Experiences People Love

142

24k

184

16k

Site-Speed That Sticks

10

660

Making the Leap to Tech Lead

134

9.3k

Making Projects Easy

116

6.3k

Optimizing for Happiness

379

70k

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