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

180

Patterns for perfect components in Vue.js

0

110

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

0

53

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

390

CSS in JavaScripto, the anti-pattern that is good

1

93

Front-end Clean Architecture

2

290

Other Decks in Programming

See All in Programming

WebRTC と Rust と8K 60fps

2

2k

The Past, Present, and Future of Enterprise Java

0

120

実は歴史的なアップデートだと思う AWS Interconnect - multicloud

0

200

Navigation 3: 적응형 UI를 위한 앱 탐색

1

350

JETLS.jl ─ A New Language Server for Julia

1

410

Integrating WordPress and Symfony

alexandresalome

0

150

AIコードレビューがチームの"文脈"を読めるようになるまで

0

360

AI時代を生き抜く新卒エンジニアの生きる道

coconala_engineer

1

250

愛される翻訳の秘訣

kishikawakatsumi

3

330

令和最新版Android Studioで化石デバイス向けアプリを作る

0

410

ハイパーメディア駆動アプリケーションとIslandアーキテクチャ: htmxによるWebアプリケーション開発と動的UIの局所的適用

0

420

Findy AI+の開発、運用におけるMCP活用事例

0

1.1k

Featured

See All Featured

The Cost Of JavaScript in 2023

55

9.4k

Bootstrapping a Software Product

PRO

307

120k

Reflections from 52 weeks, 52 projects

355

21k

Bash Introduction

615

210k

A better future with KSS

240

18k

Practical Orchestrator

190

11k

ReactJS: Keep Simple. Everything can be a component!

666

130k

41

3.7k

Product Roadmaps are Hard

PRO

55

12k

10 Git Anti Patterns You Should be Aware of

PRO

659

61k

Refactoring Trust on Your Teams (GOTO; Chicago 2020)

35

3.3k

The Language of Interfaces

162

25k

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