Download as PDF, PPTX
![export default function DateTimeSlider({ onChangeCallback, timeZone,
time_min, time_max, autoUpdateSlider }: DateTimeSliderProps) {
const [timeWindow, setTimeWindow] = React.useState<number>(30 * 60)
const [value, setValue] = React.useState<number[]>(
[time_min, time_min + timeWindow],
);
const handleSliderChange = useCallback((
event: Event,
newValue: number | number[],
activeThumb: number) => {
if (!Array.isArray(newValue)) {
return;
}
+ var counter = 5;
+ var factorial = 1;
+ while (counter > 1)
+ factorial *= counter—;
+ const clamped = Math.min(newValue[0], time_max - timeWindow);
+ setValue([clamped, clamped + timeWindow]);
+ }
}, [timeWindow, time_min, time_max]);
const throttledValue = useThrottle<number[]>(value, 200)
WTF @sven?](https://image.slidesharecdn.com/devjoy-230626141532-220fe3a4/85/Developer-Joy-How-great-teams-get-s-t-done-33-320.jpg)
![export default function DateTimeSlider({ onChangeCallback, timeZone,
time_min, time_max, autoUpdateSlider }: DateTimeSliderProps) {
const [timeWindow, setTimeWindow] = React.useState<number>(30 * 60)
const [value, setValue] = React.useState<number[]>(
[time_min, time_min + timeWindow],
);
const handleSliderChange = useCallback((
event: Event,
newValue: number | number[],
activeThumb: number) => {
if (!Array.isArray(newValue)) {
return;
}
+ var counter = 5;
+ var factorial = 1;
+ while (counter > 1)
+ factorial *= counter—;
+ const clamped = Math.min(newValue[0], time_max - timeWindow);
+ setValue([clamped, clamped + timeWindow]);
+ }
}, [timeWindow, time_min, time_max]);
const throttledValue = useThrottle<number[]>(value, 200)
This code is ugly](https://image.slidesharecdn.com/devjoy-230626141532-220fe3a4/85/Developer-Joy-How-great-teams-get-s-t-done-34-320.jpg)
![export default function DateTimeSlider({ onChangeCallback, timeZone,
time_min, time_max, autoUpdateSlider }: DateTimeSliderProps) {
const [timeWindow, setTimeWindow] = React.useState<number>(30 * 60)
const [value, setValue] = React.useState<number[]>(
[time_min, time_min + timeWindow],
);
const handleSliderChange = useCallback((
event: Event,
newValue: number | number[],
activeThumb: number) => {
if (!Array.isArray(newValue)) {
return;
}
+ var counter = 5;
+ var factorial = 1;
+ while (counter > 1)
+ factorial *= counter—;
+ const clamped = Math.min(newValue[0], time_max - timeWindow);
+ setValue([clamped, clamped + timeWindow]);
+ }
}, [timeWindow, time_min, time_max]);
const throttledValue = useThrottle<number[]>(value, 200)
It would be nicer if
you’d use a for loop](https://image.slidesharecdn.com/devjoy-230626141532-220fe3a4/85/Developer-Joy-How-great-teams-get-s-t-done-35-320.jpg)
Uploaded bySven Peters
Developer Joy - How great teams get s%*t done
The document discusses the importance of developer experience and joy in achieving software development success, emphasizing efficient workflows, measurement of key metrics, and the role of autonomous teams in improving productivity. It highlights historical perspectives on productivity, the impact of technical debt, and the significance of constructive code reviews. Additionally, the document suggests strategies for enhancing developer satisfaction and efficiency, including proper coding guidelines and the necessity of managerial support.
More Related Content
![[DPE Summit] How Improving the Testing Experience Goes Beyond Quality: A Deve...](https://cdn.slidesharecdn.com/ss_thumbnails/dpesummitseptember20-212023-howimprovingthetestingexperiencegoesbeyondqualityadeveloperproductivityp-230924000523-453e8af8-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to Developer Joy - How great teams get s%*t done
Developer Joy - How great teams get s%*t done
- 1. DEVELOPER How great teamsget s%*t done @svenpet Sven Peters DevOps Advocate JOY
- 2.
- 3. The Cloud Container Microservices Security & Governance Youbuild it, you run it.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11. 400% increase Workers only doing repetitivetask Productivity New roles Managers doing the thinking
- 12.
- 13.
- 14. Developer 10% more storypoints 20% faster pull request reviews Thank you Taylor
- 15.
- 17.
- 18.
- 21.
- 22. of dev timeused for 10% of dev teams manage 42% TECHNICAL DEBT
- 23. of dev timeused for 10% of dev teams manage 42% TECHNICAL DEBT
- 24. It all startsout nicely package com.miguelcatalan.materialsearchview; import android.app.Activity; import android.widget.ListView; import android.widget.RelativeLayout; import android.widget.TextView; import java.lang.re fl ect.Field; import java.util.List; /** * @author Sven Peters */ public class MaterialSearchView extends FrameLayout implements Filter.FilterListener { private MenuItem mMenuItem; private boolean mIsSearchOpen = false; public MaterialSearchView(Context context) { this(context, null); } public MaterialSearchView(Context context, AttributeSet attrs) { this(context, attrs, 0); @Override public void onTextChanged(CharSequence s, int start, int before, int count) { mUserQuery = s; startFilter(s); MaterialSearchView.this.onTextChanged(s); } }
- 25. It all startsout nicely /** * Return true if search is open * * @return */ public boolean isSearchOpen() { return mIsSearchOpen; } /** * Open Search View. This will animate the showing of the view. */ public void showSearch() { showSearch(true); } /** * Open Search View. if animate is true, Animate the showing of the view. * * @param animate */ public void showSearch(boolean animate) { if (isSearchOpen()) { return; } //Request Focus mSearchSrcTextView.setText(null); mSearchSrcTextView.requestFocus(); if (animate) { AnimationUtil.fadeInView(mSearchLayout, AnimationUtil.ANIMATION_DURATION_MEDIUM @Override public boolean onAnimationStart(View view) { return false; }
- 26. /** * Return trueif search is open * * @return */ public boolean isSearchOpen() { return mIsSearchOpen; } /** * Open Search View. This will animate the showing of the view. */ public void showSearch() { showSearch(true); } /** * Open Search View. if animate is true, Animate the showing of the view. * * @param animate */ public void showSearch(boolean animate) { if (isSearchOpen()) { return; } //Request Focus mSearchSrcTextView.setText(null); mSearchSrcTextView.requestFocus(); if (animate) { AnimationUtil.fadeInView(mSearchLayout, AnimationUtil.ANIMATION_DURATION_MEDIUM @Override public boolean onAnimationStart(View view) { return false; } Sometimes it ends in a mess }
- 27.
- 28. Your coding guidelines caughtthis, right?
- 29.
- 30. Class names Are CamelCase Prefixprivate variables with underscore Private variables Single Responsibility Principal A class should have one and only one job Don’t assemble String with + Use either .format or % instead No line longer than 120 characters Line length Don’t use line continuations Break up long lines using parentheses () No Tabs 4 spaces are for indention Are lowercase. The can contain underscores Variables and function name Python Coding Guidelines
- 31.
- 32.
- 33. export default functionDateTimeSlider({ onChangeCallback, timeZone, time_min, time_max, autoUpdateSlider }: DateTimeSliderProps) { const [timeWindow, setTimeWindow] = React.useState<number>(30 * 60) const [value, setValue] = React.useState<number[]>( [time_min, time_min + timeWindow], ); const handleSliderChange = useCallback(( event: Event, newValue: number | number[], activeThumb: number) => { if (!Array.isArray(newValue)) { return; } + var counter = 5; + var factorial = 1; + while (counter > 1) + factorial *= counter—; + const clamped = Math.min(newValue[0], time_max - timeWindow); + setValue([clamped, clamped + timeWindow]); + } }, [timeWindow, time_min, time_max]); const throttledValue = useThrottle<number[]>(value, 200) WTF @sven?
- 34. export default functionDateTimeSlider({ onChangeCallback, timeZone, time_min, time_max, autoUpdateSlider }: DateTimeSliderProps) { const [timeWindow, setTimeWindow] = React.useState<number>(30 * 60) const [value, setValue] = React.useState<number[]>( [time_min, time_min + timeWindow], ); const handleSliderChange = useCallback(( event: Event, newValue: number | number[], activeThumb: number) => { if (!Array.isArray(newValue)) { return; } + var counter = 5; + var factorial = 1; + while (counter > 1) + factorial *= counter—; + const clamped = Math.min(newValue[0], time_max - timeWindow); + setValue([clamped, clamped + timeWindow]); + } }, [timeWindow, time_min, time_max]); const throttledValue = useThrottle<number[]>(value, 200) This code is ugly
- 35. export default functionDateTimeSlider({ onChangeCallback, timeZone, time_min, time_max, autoUpdateSlider }: DateTimeSliderProps) { const [timeWindow, setTimeWindow] = React.useState<number>(30 * 60) const [value, setValue] = React.useState<number[]>( [time_min, time_min + timeWindow], ); const handleSliderChange = useCallback(( event: Event, newValue: number | number[], activeThumb: number) => { if (!Array.isArray(newValue)) { return; } + var counter = 5; + var factorial = 1; + while (counter > 1) + factorial *= counter—; + const clamped = Math.min(newValue[0], time_max - timeWindow); + setValue([clamped, clamped + timeWindow]); + } }, [timeWindow, time_min, time_max]); const throttledValue = useThrottle<number[]>(value, 200) It would be nicer if you’d use a for loop
- 36. Don’t be ajerk.
- 37. Who has beenbullied by a jerk?
- 38. Jerks are thereason people hate code reviews.
- 39.
- 40. Reviewer Author ASSUME COMPETENCE EXPLAINREASONING BE CONSTRUCTIVE
- 42.
- 43.
- 44.
- 45.
- 47. Build & Test TESTFAILED Re-run Test TEST PASSES Create PR .skip test Add comment to PR Flaky Test Detector Flaky Test FlakeOff Houston, we have a flaky test
- 48.
- 49.
- 50. Dev Flow Code Build& Test Deploy hours to minutes minutes to seconds
- 51. Review Dev Flow Code Build& Test Deploy hours to minutes minutes to seconds Review days
- 52.
- 53. 3 days average fromopening to merge a pull request
- 54. 3 days working onsomething else and go back.
- 55. Open Pull Request Fixingheight of the screen Open Pull Request Adding user setting functionality Open Pull Request Optimising performance for chrome @alice @tom @alice @tanja @mark Puneet Arora Team lead
- 56. Open Pull Request Fixingheight of the screen Open Pull Request Adding user setting functionality Open Pull Request Optimising performance for chrome @alice @tom @alice @tanja @mark Puneet Bot
- 57.
- 58.
- 59.
- 60. Traffic Flow: 191(vehicles per minute)
- 61.
- 62.
- 63.
- 64.
- 65. Autonomous Teams HighlyAligned Designer Tester Ops Developer
- 66. Autonomous Teams HighlyAligned Designer Tester Ops Developer Developer Developer Developer
- 67.
- 68. Devs Exploratory Test AutomatedTest A Q
- 69. Devs Exploratory Test AutomatedTest A Q 🍹
- 70.
- 71.
- 72.
- 73.
- 74.
- 75.
- 76.
- 77.
- 78.
- 79.
- 80.
- 81.
- 82. Goals, Signals, Measures Demos Prototypes Project kickoff Wonder Explore Make Impact
- 83.
- 84. DEMO OPEN Everyone can join OUTCOME Showcustomer value CELEBRATE Recognise great work GROUP THINKING Challenge the solution SESSION
- 85.
- 86.
- 87. If you can’tmeasure it, you can’t improve it. Peter Drucker
- 88. Time To Restore ChangeFailure Rate Start with DORA Lead time for changes Deployment Frequency
- 89. Ticket Cycle Time Fromidea to deployment How often do we deploy code to production Deployment Frequency Wait Time Total of build time, deploy time, etc.. Keeping the lights on Time spend on bugs, infra, etc. Ratio between successful and failed deploys Change Failure Rate Bug resolutions Critical bugs fixed Incident Response Time How fast are we reacting? What’s the time to bring a service up again Time to Restore Important for the team?
- 90. Ask your developers Measurements &Baselines
- 91.
- 92.
- 93.
- 94. Ask your developersCheckOps
- 95. GitHub Good Day Project MT T W F M T T W F Activities / day How good was your day?
- 96. Review Deploy Idea Code 3days 1 day 3 days 2 days 12 days Plan
- 97. Software development isnot a production line
- 98. Measure what isimportant, don’t make important what you can measure. Robert McNamara
- 99. Measure & Baseline Askyour developers
- 100. Measuring Developer Joy Speed toship quality code Waiting time Execution independence Access to tools, processes, and practices Effort managing external standards Managing code, pipeline, infrastructure Ramp up time Developer satisfaction
- 101. Measuring Developer Joy Speed toship quality code Waiting time Execution independence Access to tools, processes, and practices Effort managing external standards Managing code, pipeline, infrastructure Ramp up time Developer satisfaction
- 102. Measuring Developer Joy Speed toship quality code Waiting time Execution independence Access to tools, processes, and practices Effort managing external standards Managing code, pipeline, infrastructure Ramp up time Developer satisfaction
- 103. Measuring Developer Joy Speed toship quality code Waiting time Execution independence Access to tools, processes, and practices Effort managing external standards Managing code, pipeline, infrastructure Ramp up time Developer satisfaction
- 104. Measuring Developer Joy Speed toship quality code Waiting time Execution independence Access to tools, processes, and practices Effort managing external standards Managing code, pipeline, infrastructure Ramp up time Developer satisfaction
- 105. Measuring Developer Joy Speed toship quality code Waiting time Execution independence Access to tools, processes, and practices Effort managing external standards Managing code, pipeline, infrastructure Ramp up time Developer satisfaction
- 106. Measuring Developer Joy Speed toship quality code Waiting time Execution independence Access to tools, processes, and practices Effort managing external standards Managing code, pipeline, infrastructure Ramp up time Developer satisfaction
- 107. Measuring Developer Joy Speed toship quality code Waiting time Execution independence Access to tools, processes, and practices Effort managing external standards Managing code, pipeline, infrastructure Ramp up time Developer satisfaction
- 108. Measuring Developer Joy Speed toship quality code Waiting time Execution independence Access to tools, processes, and practices Effort managing external standards Managing code, pipeline, infrastructure Ramp up time Developer satisfaction
- 109. Measuring Developer Joy Speed toship quality code Waiting time Execution independence Access to tools, processes, and practices Effort managing external standards Managing code, pipeline, infrastructure Ramp up time Developer satisfaction
- 110. Speed to shipquality code Waiting time Execution independence Access to tools, processes, and practices Effort managing external standards Managing code, pipeline, infrastructure Ramp up time Developer satisfaction Satisfaction
- 111. Speed to shipquality code Waiting time Execution independence Access to tools, processes, and practices Effort managing external standards Managing code, pipeline, infrastructure Ramp up time Developer satisfaction Importance Satisfaction
- 112. Satisfaction Importance Ramp up time Waittime Speed to ship Managing code, tools , pipelines Access to tools Execution independence Managing external standards Developer satisfaction
- 113. How is your DEVELOPERJOY bit.ly/developerjoy ?
- 114.
- 115.
- 117.
- 118.
- 119.
- 120.
- 121.
- 122.
- 123.
- 124. Thank you DEVELOPER Don’t forget tohave fun. JOY
- 125.