$30 off During Our Annual Pro Sale. View Details »
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
24
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
72
Como otimizar seu site com lighthouse e core web vitals
juunegreiros
0
430
Introdução ao Git
juunegreiros
0
55
Como modularizar seu front-end sem depender de um framework
juunegreiros
0
89
Sopa de Letrinhas CSS | Alphabet soup CSS
juunegreiros
1
78
Pensando logicamente: introdução à lógica de programação | Thinking logically: introduction to programming logic
juunegreiros
0
63
Carreiras em TI
juunegreiros
0
56
Javascript, um menino serelepe | Javascript, a serelepe guy
juunegreiros
0
270
Other Decks in Technology
See All in Technology
[JAWS-UG 横浜支部 #91]DevOps Agent vs CloudWatch Investigations -比較と実践-
sh_fk2
1
250
Playwrightのソースコードに見る、自動テストを自動で書く技術
yusukeiwaki
13
5.2k
打 造 A I 驅 動 的 G i t H u b ⾃ 動 化 ⼯ 作 流 程
appleboy
0
280
Snowflakeでデータ基盤を もう一度作り直すなら / rebuilding-data-platform-with-snowflake
pei0804
4
1.3k
Edge AI Performance on Zephyr Pico vs. Pico 2
iotengineer22
0
130
LLM-Readyなデータ基盤を高速に構築するためのアジャイルデータモデリングの実例
kashira
0
230
品質のための共通認識
kakehashi
PRO
3
250
Kiro Autonomous AgentとKiro Powers の紹介 / kiro-autonomous-agent-and-powers
tomoki10
0
390
Ruby で作る大規模イベントネットワーク構築・運用支援システム TTDB
taketo1113
1
260
AI活用によるPRレビュー改善の歩み ― 社内全体に広がる学びと実践
lycorptech_jp
PRO
1
200
Lambdaの常識はどう変わる?!re:Invent 2025 before after
iwatatomoya
1
450
生成AI時代におけるグローバル戦略思考
taka_aki
0
120
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
4 Signs Your Business is Dying
shpigford
186
22k
Building Flexible Design Systems
yeseniaperezcruz
330
39k
Leading Effective Engineering Teams in the AI Era
addyosmani
8
1.3k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.3k
A better future with KSS
kneath
240
18k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
It's Worth the Effort
3n
187
29k
Code Review Best Practice
trishagee
74
19k
Unsuck your backbone
ammeep
671
58k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
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