accelerating add-on development from concept to launch
TRANSCRIPT
DAVE ELKAN • CO-FOUNDER • ARIJEA • @EDAVE
Accelerating Add-On Development From Concept to Launch
You’re like a bull at a gate.
M A R G A R E T E L K A N
“ ”
• Big cool statistic
• 2,569
• Add-Ons in Marketplace
• Big cool statistic
• 2,569
• Add-Ons in Marketplace
Agenda
W O R K I N G E F F I C I E N T LY
G E T T I N G A H E A D S TA R T
S U C C E E D I N G
S P E E D
A C C E L E R AT I O N
V E L O C I T Y
Agenda
Getting a head start(Acceleration)
Good tools don’t get in the way
Redux
Flux
http://facebook.github.io/flux/docs/overview.html
MVC
State Actions Pure reducers
Redux Primitives
New stateReducerState and Action
Pure reducers
State afterColour reducer
if (type == “set colour”) { return action.payload; }
Action
type: set colour
payload:
State before
Reducers
New stateTest
Testing reducers
Reducer Assert
State Action
Redux
egghead.io/courses/getting-started-with-redux
Just search “Getting started with Redux”
React
Virtual DOM Declarative JSX Huge community
Let’s go!
no
create-react-app
Easy Agile Roadmaps
Roadmaps in JIRA
Easy Agile Roadmaps
Time to market
Schedule your Epics on a roadmap
Customer feedback essential
Complex, but simpleDrag and drop
Time -> pixels
Pixels -> time
Static add-ons
Amazon CloudFront
10 days
create-react-app
AgendaG E T T I N G A H E A D S TA R T
W O R K I N G E F F I C I E N T LY
S U C C E E D I N G
Working Efficiently(Speed)
What is “dev speed”?
“ Intuitive expertise depends essentially on the quality and speed of feedback as well as on sufficient opportunity to practice.D A N I E L K A H N E M A N , T H I N K I N G FA S T A N D S L O W
• Big cool statistic
• 2,569
• Add-Ons in Marketplace
http://www.flickr.com/photos/34120957@N04/6926000084 (Creative Commons)
• Big cool statistic
• 2,569
• Add-Ons in Marketplace
http://www.flickr.com/photos/14795407@N05/2950315325 (Creative Commons)
• Big cool statistic
• 2,569
• Add-Ons in Marketplace
https://www.flickr.com/photos/moz/6682734/ (Creative Commons)
Dev speed is…Working faster
Becoming an expert faster
4040
Dev speed is compound interest for your brain
Dev speed at Arijea
Use the right tools Automation
Use the right tools
2016 > *
ES6
Easy Agile User Story Maps
react webpack redux
Story Mapping in JIRA
Easy Agile User Story Maps
Time to market
Taking it from the wall to the screen
Limited runway
Customer feedback essential
Not simpleDrag and drop
Complex data model
Webpack
JIRA Cloud and Server simultaneouslyWebpack is the glue
Webpack hot reload server
Server add-on
Cloud add-on
shared npm private module
• Big cool statistic
• 2,569
• Add-Ons in Marketplace
Jonathan McIntosh https://www.flickr.com/photos/jonathanmcintosh/3744843647/ (Creative Commons)
Automation
• Big cool statistic
• 2,569
• Add-Ons in Marketplace
Craig Sunter https://www.flickr.com/photos/16210667@N02/14981710200/ (Creative Commons)
Boredom
• Big cool statistic
• 2,569
• Add-Ons in Marketplace
Sludge G https://www.flickr.com/photos/sludgeulper/3890864707/ (Creative Commons)
Reliability
Clarity
• Big cool statistic
• 2,569
• Add-Ons in Marketplace
SQL Pad
The customer
Business dashboard
Latest licenses and Customer details
Product performance
The health of the business at a glance
The customer
Business dashboard
Product performance
Product-centric details.
Cohort analysis, distribution, conversion rate and cycle timeThe customer
Business dashboard
Product performance
Why automate?
• Big cool statistic
• 2,569
• Add-Ons in Marketplace
Time for everything else
W O R K I N G E F F I C I E N T LY
G E T T I N G A H E A D S TA R T
S U C C E E D I N G
Agenda
Succeeding(Velocity)
Validation
• Big cool statistic
• 2,569
• Add-Ons in Marketplace
Opinion
A lot of times, people don't know what they want until you show it to them.
S T E V E J O B S , A P P L E
“ ”
• Big cool statistic
• 2,569
• Add-Ons in Marketplace
Ky https://www.flickr.com/photos/ky_olsen/3133347219/ (Creative Commons)
Listen
• Big cool statistic
• 2,569
• Add-Ons in Marketplace
Vlastimil Koutecký https://www.flickr.com/photos/vlastimil_koutecky/12344141595/ (Creative Commons)
• Big cool statistic
• 2,569
• Add-Ons in Marketplace
Vincent Anderlucci https://www.flickr.com/photos/vince_ander/12506798665/ (Creative Commons)
Observe
• Big cool statistic
• 2,569
• Add-Ons in Marketplace
Craig Sunter https://www.flickr.com/photos/16210667@N02/24674764693/ (Creative Commons)
Act
W O R K I N G E F F I C I E N T LY
G E T T I N G A H E A D S TA R T
S U C C E E D I N G
Agenda
Thank you!
DAVE ELKAN • CO-FOUNDER • ARIJEA • @EDAVE
Thank you!
DAVE ELKAN • CO-FOUNDER • ARIJEA • @EDAVE
Win an Aussie Survival Pack