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

150

Patterns for perfect components in Vue.js

0

100

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

0

46

Step by step I followed a career in software

0

690

Using AI to create memes

0

510

Deninho, the TS children

1

200

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

0

370

CSS in JavaScripto, the anti-pattern that is good

1

84

Front-end Clean Architecture

2

270

Other Decks in Programming

See All in Programming

Boost Performance and Developer Productivity with Jakarta EE 11

0

1.1k

Rubyと自由とAIと

6

1.9k

GoとPHPのインターフェイスの違い

2

220

やっと腹落ち「スプリント毎に動くモノをリリースする」〜ゼロから始めるメガバンクグループのアジャイル実践〜

0

140

Visual StudioのGitHub Copilotでいろいろやってみる

1

220

オレを救った Cline を紹介する

14

13k

Duke on CRaC with Jakarta EE

0

120

.NET Frameworkでも汎用ホストが使いたい！

0

210

CDK開発におけるコーディング規約の運用

yamanashi_ren01

2

260

Expoによるアプリ開発の現在地とReact Server Componentsが切り開く未来

1

210

SwiftUI Viewの責務分離

2

280

クックパッド検索システム統合/Cookpad Search System Consolidation

0

140

Featured

See All Featured

Making the Leap to Tech Lead

133

9.1k

Put a Button on it: Removing Barriers to Going Fast.

60

3.7k

Practical Tips for Bootstrapping Information Extraction Pipelines

13

1k

Building Flexible Design Systems

yeseniaperezcruz

328

38k

Optimising Largest Contentful Paint

34

3.1k

Performance Is Good for Brains [We Love Speed 2024]

7

660

The Cult of Friendly URLs

78

6.2k

Refactoring Trust on Your Teams (GOTO; Chicago 2020)

33

2.8k

Building an army of robots

303

45k

The Cost Of JavaScript in 2023

47

7.4k

182

16k

For a Future-Friendly Web

176

9.6k

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