Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Webpacker e a Jornada do Heroi
Juliana Negreiros
November 29, 2019
Technology
0
9
Webpacker e a Jornada do Heroi
- RubyConf Brasil 2019 (29/11/2019)
Juliana Negreiros
November 29, 2019
Tweet
Share
More Decks by Juliana Negreiros
See All by Juliana Negreiros
Um guia para começar no mundo Front End
juunegreiros
0
240
Desmistificando a área de TI
juunegreiros
0
12
Como otimizar seu site com lighthouse e core web vitals
juunegreiros
0
380
Introdução ao Git
juunegreiros
0
22
Como modularizar seu front-end sem depender de um framework
juunegreiros
0
34
Sopa de Letrinhas CSS | Alphabet soup CSS
juunegreiros
1
57
Pensando logicamente: introdução à lógica de programação | Thinking logically: introduction to programming logic
juunegreiros
0
38
Carreiras em TI
juunegreiros
0
35
Javascript, um menino serelepe | Javascript, a serelepe guy
juunegreiros
0
94
Other Decks in Technology
See All in Technology
俺の Laravel がこんなに速いわけがない! / My Laravel Too Fast
hanhan1978
0
120
EKSの運用あれこれ バージョンアップ編
tetsunosato
0
110
ZephyrRTOSのLongan Nanoへの移植
tokitahiroshi
0
110
実際にリビルドを完遂してみて
tmiura0203
0
140
The Fractal Geometry of Software Design
vladikk
1
1.4k
プログラマがオブジェクト指向しても幸せになれない理由
shirayanagiryuji
0
170
【Oracle Cloud ウェビナー】事例から見る規模別クラウド・データベースの選び方 (Oracle Database) (2022年6月22日)
oracle4engineer
PRO
1
100
Introduction To Technical Writing
olawanle_joel
0
100
データ分析で切り拓け! エンジニアとしてのデータ分析職キャリア戦略
ksnt
0
190
わたしを元気づける Botを作ることにした / JAWS-UG 福岡 20220626
eriasano
0
100
個人的に全然使わなかったUiPathのアクティビティ
saoritakita
0
110
開発組織の生産性を可視化する State of DevOpsとFour Keysとは / deep dive into State of DevOps
yfcgpsebp
0
310
Featured
See All Featured
Bash Introduction
62gerente
597
210k
Infographics Made Easy
chrislema
233
17k
Designing for Performance
lara
597
63k
Support Driven Design
roundedbygravity
86
8.5k
Designing Experiences People Love
moore
130
22k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
237
19k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
349
27k
Facilitating Awesome Meetings
lara
29
4k
Git: the NoSQL Database
bkeepers
PRO
415
59k
Adopting Sorbet at Scale
ufuk
63
7.6k
Fontdeck: Realign not Redesign
paulrobertlloyd
73
4.1k
KATA
mclloyd
7
8.7k
Transcript
WEBPACKER E A JORNADA DO HERÓI
Juliana Negreiros @juunegreiros 2
3
O mundo comum Identificação
5
6 O mundo comum
O chamado à aventura Saída da zona de conforto
8
A necessidade de criar algo mais dinâmico, bem arquitetado e
independente tanto para os times, quanto pras tecnologias. 9 Meu chamado à aventura
Acompanhar a necessidade de velocidade que o uso de SPA
trazem 10 Meu chamado à aventura
Recusa do chamado Frustração
12
HTML + RAILS NA VIEW 13 Motivos para recusa
Conhecimento técnico do time 14 Motivos para recusa
Encontro com o mentor Achando alguém que vai te guiar
16
@felipesoares6_ 17 @vitortalaia Mentores
A travessia do primeiro limiar Deixar o mundo comum
19
20
Gem para fazer o bundle de Javascript com webpack 21
Webpacker
Javascript moderno! 22 Webpacker
rails new myapp --webpack 23 gem 'webpacker', '~> 4.x' ou
Webpacker
bundle exec rails webpacker:install 24 Webpacker
<%= javascript_pack_tag ‘application’ %> 25 app/javascript: ├── packs: │ └──
application.js └── src: │ └── application.css └── images: └── logo.svg Webpacker
O ventre da baleia Testes, aliados e inimigos
27
Com grandes poderes, vem grandes responsabilidades 28
29 Testes
Ruby on Rails JQuery Rails-modules Angularjs CoffeeScript 30 Inimigos
@fortunatooo 31 Aliado
Aproximação da caverna oculta Questionamentos e triunfos
33
34 Caos... Aproximação da caverna oculta
Primeiros componentes 35 Aproximação da caverna oculta
Provação suprema Derrota
37
Coexistência e migração 38 Provação suprema
A recompensa Primeira conquista
40
41 A Recompensa
O caminho de volta Reflexão e decisão
43
Plenitude, finalização e arquitetura 44 O caminho de volta
A ressurreição A batalha final
46
Projeto sem o Júlio Muito maior e com várias versões
Com várias tecnologias que a gente não estava usando Sem processos definidos Tecnologias mais complexas e coexistentes (redux-offline e redux-saga) 47 A batalha final
Nos tornamos pessoas diferentes do que éramos no começo da
aventura 48 A batalha final
Scalable FrontEnd 49 A batalha final
O retorno com o elixir De volta ao mundo comum
51
Sobreviver ao Caos Lidar com pessoas e definir processos Aprendizados
Educação 52 De volta ao mundo comum
Obrigado! 53 Acesse os slides em: bit.ly/webpacker-jornada-do-heroi