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
30
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
75
Como otimizar seu site com lighthouse e core web vitals
juunegreiros
0
430
Introdução ao Git
juunegreiros
0
58
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
64
Carreiras em TI
juunegreiros
0
57
Javascript, um menino serelepe | Javascript, a serelepe guy
juunegreiros
0
270
Other Decks in Technology
See All in Technology
1万人を変え日本を変える!!多層構造型ふりかえりの大規模組織変革 / 20260108 Kazuki Mori
shift_evolve
PRO
5
940
Keynoteから見るAWSの頭の中
nrinetcom
PRO
1
170
産業的変化も組織的変化も乗り越えられるチームへの成長 〜チームの変化から見出す明るい未来〜
kakehashi
PRO
1
370
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
2.9k
RALGO : AIを組織に組み込む方法 -アルゴリズム中心組織設計- #RSGT2026 / RALGO: How to Integrate AI into an Organization – Algorithm-Centric Organizational Design
kyonmm
PRO
3
850
迷わない!AI×MCP連携のリファレンスアーキテクチャ完全ガイド
cdataj
0
310
AWS re:Invent2025最新動向まとめ(NRIグループre:Cap 2025)
gamogamo
0
150
Introduction to Bill One Development Engineer
sansan33
PRO
0
340
Authlete で実装する MCP OAuth 認可サーバー #CIMD の実装を添えて
watahani
0
430
Oracle Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
1
840
AIと融ける人間の冒険
pujisi
0
110
コールドスタンバイ構成でCDは可能か
hiramax
0
130
Featured
See All Featured
ラッコキーワード サービス紹介資料
rakko
0
1.9M
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.6k
A Tale of Four Properties
chriscoyier
162
23k
Fireside Chat
paigeccino
41
3.8k
BBQ
matthewcrist
89
9.9k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
1
1.3k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
210
Making Projects Easy
brettharned
120
6.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
0
220
Skip the Path - Find Your Career Trail
mkilby
0
38
The Cost Of JavaScript in 2023
addyosmani
55
9.4k
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