Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Webpacker e a Jornada do Heroi
Search
Juliana Negreiros
November 29, 2019
Technology
0
23
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
340
Desmistificando a área de TI
juunegreiros
0
70
Como otimizar seu site com lighthouse e core web vitals
juunegreiros
0
430
Introdução ao Git
juunegreiros
0
54
Como modularizar seu front-end sem depender de um framework
juunegreiros
0
87
Sopa de Letrinhas CSS | Alphabet soup CSS
juunegreiros
1
77
Pensando logicamente: introdução à lógica de programação | Thinking logically: introduction to programming logic
juunegreiros
0
61
Carreiras em TI
juunegreiros
0
54
Javascript, um menino serelepe | Javascript, a serelepe guy
juunegreiros
0
240
Other Decks in Technology
See All in Technology
LLMアプリの地上戦開発計画と運用実践 / 2025.10.15 GPU UNITE 2025
smiyawaki0820
1
400
ComposeではないコードをCompose化する case ビズリーチ / DroidKaigi 2025 koyasai
visional_engineering_and_design
0
100
10年の共創が示す、これからの開発者と企業の関係 ~ Crossroad
soracom
PRO
1
710
LLM時代にデータエンジニアの役割はどう変わるか?
ikkimiyazaki
6
1.2k
スタートアップにおけるこれからの「データ整備」
shomaekawa
2
350
Codexとも仲良く。CodeRabbit CLIの紹介
moongift
PRO
0
130
Shirankedo NOCで見えてきたeduroam/OpenRoaming運用ノウハウと課題 - BAKUCHIKU BANBAN #2
marokiki
0
180
Adminaで実現するISMS/SOC2運用の効率化 〜 アカウント管理編 〜
shonansurvivors
4
440
20201008_ファインディ_品質意識を育てる役目は人かAIか___2_.pdf
findy_eventslides
2
600
CoRL 2025 Survey
harukiabe
0
130
AI駆動開発を推進するためにサービス開発チームで 取り組んでいること
noayaoshiro
0
250
AWS IoT 超入門 2025
hattori
0
310
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
189
55k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
How to Ace a Technical Interview
jacobian
280
24k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
How to train your dragon (web standard)
notwaldorf
96
6.3k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Unsuck your backbone
ammeep
671
58k
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