How to migrate legacy frontend?

July 29, 2022

140

How to migrate legacy frontend?

Igor Halfeld

July 29, 2022

More Decks by Igor Halfeld

See All by Igor Halfeld

Modular monoliths with fastify

0

210

Patterns for perfect components in Vue.js

0

130

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

0

74

Step by step I followed a career in software

0

710

Using AI to create memes

0

540

Deninho, the TS children

1

230

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

0

410

CSS in JavaScripto, the anti-pattern that is good

1

110

Front-end Clean Architecture

2

300

Other Decks in Programming

See All in Programming

継続モナドとリアクティブプログラミング

3

670

AIが無かった頃の素敵な出会いの話

1

350

仕様書を書く前にハーネスを作る - Agent Native開発は「探索を速く、判定を固く」

4

1.5k

2年かけて Deno に DOMMatrix を実装した話 / How I implemented DOMMatrix in Deno over two years

0

190

生成AI導入の「期待外れ」を乗り越えるー開発フロー改革が目指す、真の組織変革

0

3.5k

わからない話を追いかけたら、プログラミング言語を作る側にいた

3

400

【やさしく解説設計編・中級 #6】良いアーキテクチャとは～一本の登り道の、行き先～

PRO

0

200

AIエージェントで変わるAndroid開発環境

2

760

メールのエイリアス機能を履き違えない

0

210

為什麼你並不需要ViewModel / No, you don't need a ViewModel

1

470

PHP初心者セッション2026　〜生成AIでは見えない裏側を知る：今だからLAMPを通して仕組みを学ぶ〜

0

780

作るコストが小さくなった時代幸せに働くために改めて考えたいこと〜エンジニアとして価値を出し続けるために注視している二分野〜

0

180

Featured

See All Featured

Tell your own story through comics

1

1k

Are puppies a ranking factor?

1

3.7k

PRO

31

6k

Code Review Best Practice

74

20k

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

123

22k

Public Speaking Without Barfing On Your Shoes - THAT 2023

1

470

The Straight Up "How To Draw Better" Workshop

239

140k

Automating Front-end Workflow

1370

210k

Site-Speed That Sticks

13

1.4k

Practical Tips for Bootstrapping Information Extraction Pipelines

25

2k

How to Talk to Developers About Accessibility

2

470

Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth

0

190

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