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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Juliana Negreiros
November 29, 2019
Technology
35
0
Share
Webpacker e a Jornada do Heroi
- RubyConf Brasil 2019 (29/11/2019)
Juliana Negreiros
November 29, 2019
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
86
Como otimizar seu site com lighthouse e core web vitals
juunegreiros
0
440
Introdução ao Git
juunegreiros
0
63
Como modularizar seu front-end sem depender de um framework
juunegreiros
0
92
Sopa de Letrinhas CSS | Alphabet soup CSS
juunegreiros
1
81
Pensando logicamente: introdução à lógica de programação | Thinking logically: introduction to programming logic
juunegreiros
0
67
Carreiras em TI
juunegreiros
0
61
Javascript, um menino serelepe | Javascript, a serelepe guy
juunegreiros
0
280
Other Decks in Technology
See All in Technology
Building a Study Buddy AI Agent from Scratch: From Passive Chatbots to Autonomous Systems
itchimonji
0
120
AI活用時代の事業判断高度化を導くエンジニアリング基盤 / 20260424 Atsushi Funahashi
shift_evolve
PRO
2
120
AI와 협업하는 조직으로의 여정
arawn
0
580
はじめての MagicPod生成AI機能 機能紹介から活用方法まで
magicpod
0
130
Cortex Codeのコスト見積ヒントご紹介
yokatsuki
0
130
要件定義の精度を高めるための型と生成AIの活用 / Using Types and Generative AI to Improve the Accuracy of Requirements Definition
haru860
0
270
変化の激しい時代をゴキゲンに生き抜くために 〜ストレスマネジメントのススメ〜
kakehashi
PRO
2
640
AIと乗り切った1,500ページ超のヘルプサイト基盤刷新とさらにその先の話
mugi_uno
1
260
GKE Agent SandboxでAIが生成したコードを 安全に実行してみた
lamaglama39
0
170
20年前の「OSS革命」に学ぶ AI時代の生存戦略
samakada
0
530
Oracle Cloud Infrastructure:2026年4月度サービス・アップデート
oracle4engineer
PRO
0
250
AIはハッカーを減らすのか、増やすのか?──現役ホワイトハッカーから見るAI時代のリアル【MEGU-Meet】
cscengineer
PRO
0
250
Featured
See All Featured
Speed Design
sergeychernyshev
33
1.6k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.1k
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.3k
We Have a Design System, Now What?
morganepeng
55
8.1k
Paper Plane (Part 1)
katiecoart
PRO
0
6.9k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
160
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
110
A better future with KSS
kneath
240
18k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.9k
Facilitating Awesome Meetings
lara
57
6.8k
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