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

64

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

100

Front-end Clean Architecture

2

290

Other Decks in Programming

See All in Programming

15年目のiOSアプリを1から作り直す技術

0

500

「やめとこ」がなくなった — 1月にZennを始めて22本書いた AI共創開発のリアル

0

100

「ブロックテーマでは再現できない」は本当か？

0

1.1k

izumin5210のプロポーザルのネタ探し #tskaigi_msup

1

440

並行開発のためのコードレビュー

2

2k

CSC307 Lecture 10

PRO

1

690

個人開発は儲からない - それでも開発開始1ヶ月で300万円売り上げた方法

0

110

Go Conference mini in Sendai 2026 : Goに新機能を提案し実装されるまでのフロー徹底解説

0

350

受け入れテスト駆動開発(ATDD)×AI駆動開発 AI時代のATDDの取り組み方を考える

2

430

AI活用のコスパを最大化する方法

0

110

エージェント開発初心者の僕がエージェントを作った話と今後やりたいこと

0

160

AI時代のキャリアプラン「技術の引力」からの脱出と「問い」へのいざない / tech-gravity

22

8k

Featured

See All Featured

Unsuck your backbone

671

58k

41

3.8k

Conquering PDFs: document understanding beyond plain text

PRO

4

2.4k

Distributed Sagas: A Protocol for Coordinating Microservices

333

22k

Embracing the Ebb and Flow

88

5k

The #1 spot is gone: here's how to win anyway

tamaranovitovic

2

960

Large-scale JavaScript Application Architecture

515

110k

So, you think you're a good person

PRO

2

1.9k

[RailsConf 2023 Opening Keynote] The Magic of Rails

31

10k

No one is an island. Learnings from fostering a developers community.

21

3.6k

How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL

1

1.9k

Believing is Seeing

1

67

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