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
22
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
69
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
76
Pensando logicamente: introdução à lógica de programação | Thinking logically: introduction to programming logic
juunegreiros
0
60
Carreiras em TI
juunegreiros
0
53
Javascript, um menino serelepe | Javascript, a serelepe guy
juunegreiros
0
230
Other Decks in Technology
See All in Technology
Terraformで構築する セルフサービス型データプラットフォーム / terraform-self-service-data-platform
pei0804
1
180
Codeful Serverless / 一人運用でもやり抜く力
_kensh
7
430
CDK CLIで使ってたあの機能、CDK Toolkit Libraryではどうやるの?
smt7174
4
180
初めてAWSを使うときのセキュリティ覚書〜初心者支部編〜
cmusudakeisuke
1
250
【NoMapsTECH 2025】AI Edge Computing Workshop
akit37
0
170
これでもう迷わない!Jetpack Composeの書き方実践ガイド
zozotech
PRO
0
850
2025年になってもまだMySQLが好き
yoku0825
8
4.8k
【実演版】カンファレンス登壇者・スタッフにこそ知ってほしいマイクの使い方 / 大吉祥寺.pm 2025
arthur1
1
850
RSCの時代にReactとフレームワークの境界を探る
uhyo
10
3.4k
dbt開発 with Claude Codeのためのガードレール設計
10xinc
2
1.2k
MCPで変わる Amebaデザインシステム「Spindle」の開発
spindle
PRO
3
3.2k
新アイテムをどう使っていくか?みんなであーだこーだ言ってみよう / 20250911-rpi-jam-tokyo
akkiesoft
0
270
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
61k
How to Think Like a Performance Engineer
csswizardry
26
1.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
A Modern Web Designer's Workflow
chriscoyier
696
190k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Typedesign – Prime Four
hannesfritz
42
2.8k
Balancing Empowerment & Direction
lara
3
620
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.9k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
51
5.6k
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