惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Hacker News - Newest:
Hacker News - Newest: "LLM"
Webroot Blog
Webroot Blog
S
Security @ Cisco Blogs
H
Heimdal Security Blog
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
www.infosecurity-magazine.com
www.infosecurity-magazine.com
N
News and Events Feed by Topic
H
Hacker News: Front Page
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
Application and Cybersecurity Blog
Application and Cybersecurity Blog
SecWiki News
SecWiki News
N
News | PayPal Newsroom
T
Tor Project blog
W
WeLiveSecurity
A
Arctic Wolf
Security Archives - TechRepublic
Security Archives - TechRepublic
S
Secure Thoughts
月光博客
月光博客
AWS News Blog
AWS News Blog
D
Docker
C
CERT Recently Published Vulnerability Notes
MyScale Blog
MyScale Blog
Google Online Security Blog
Google Online Security Blog
大猫的无限游戏
大猫的无限游戏
T
The Blog of Author Tim Ferriss
I
InfoQ
人人都是产品经理
人人都是产品经理
Recent Announcements
Recent Announcements
Google DeepMind News
Google DeepMind News
Hacker News: Ask HN
Hacker News: Ask HN
Blog — PlanetScale
Blog — PlanetScale
博客园 - 【当耐特】
Engineering at Meta
Engineering at Meta
Stack Overflow Blog
Stack Overflow Blog
Recorded Future
Recorded Future
罗磊的独立博客
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
T
The Exploit Database - CXSecurity.com
D
DataBreaches.Net
S
Security Affairs
WordPress大学
WordPress大学
T
Threatpost
Microsoft Security Blog
Microsoft Security Blog
V
Vulnerabilities – Threatpost
The Hacker News
The Hacker News
S
SegmentFault 最新的问题
B
Blog RSS Feed
Project Zero
Project Zero
P
Proofpoint News Feed

Kent C. Dodds Blog

Implementing Hybrid Semantic + Lexical Search Simplifying Containers with Cloudflare Sandboxes Migrating to Workspaces and Nx Offloading FFmpeg with Cloudflare Building Semantic Search on my Content Helping YOU ask ME questions with AI How I used Cursor to Migrate Frameworks The Dow's Start on the Covenant Path 2025 in Review The next chapter: EpicAI.pro AI is taking your job How I increased my visibility Launching Epic Web 2023 in Review Stop Being a Junior RSC with Dan Abramov and Joe Savona Live Stream Fixing a Memory Leak in a Production Node.js App 2022 in Review My Car Accident I Migrated from a Postgres Cluster to Distributed SQLite with LiteFS I'm building EpicWeb.dev A review of my time at Remix Remix: The Yang to React's Yin How I help you build better websites Why I Love Remix The State Initializer Pattern How to React ⚛️ Get a catch block error message with TypeScript Building an awesome image loading experience How Remix makes CSS clashes predictable Introducing the new kentcdodds.com How I built a modern website in 2021 How to use React Context effectively Static vs Unit vs Integration vs E2E Testing for Frontend Apps The Testing Trophy and Testing Classifications Array reduce vs chaining vs for loop Don't Solve Problems, Eliminate Them Super Simple Start to Remix Super Simple Start to ESModules in Node.js JavaScript Pass By Value Function Parameters How to write a Constrained Identity Function (CIF) in TypeScript How to optimize your context value How to write a React Component in TypeScript TypeScript Function Syntaxes Listify a JavaScript Array Build vs Buy: Component Libraries edition Using fetch with TypeScript Wrapping React.useState with TypeScript Define function overload types with TypeScript 2020 in Review Business and Engineering alignment Hi, thanks for reaching out to me 👋 useEffect vs useLayoutEffect Super simple start to Firebase functions Super simple start to Netlify functions Super Simple Start to css variables Favor Progress Over Pride in Open Source Testing Implementation Details How getting into Open Source has been awesome for me useState lazy initialization and function updates Use ternaries rather than && in JSX Application State Management with React Use react-error-boundary to handle errors in React JavaScript to Know for React How I structure Express apps What open source project should I contribute to? When I follow TDD AHA Programming 💡 How I Record Educational Videos Should I write a test or fix a bug? Stop mocking fetch Intentional Career Building Improve test error messages of your abstractions Tracing user interactions with React Eliminate an entire category of bugs with a few simple tools Common mistakes with React Testing Library Super Simple Start to React Stop using client-side route redirects The State Reducer Pattern with React Hooks Function forms Replace axios with a simple custom fetch wrapper How to test custom React hooks React Production Performance Monitoring Should I useState or useReducer? Stop using isLoading booleans Make Your Test Fail Make your own DevTools An Argument for Automation Fix the "not wrapped in act(...)" warning Super Simple Start to ESModules in the Browser Implementing a simple state machine library in JavaScript 2010s Decade in Review Why users care about how you write code Why I avoid nesting closures Don't call a React function component Why your team needs TestingJavaScript.com Inversion of Control Understanding React's key prop How to Enable React Concurrent Mode Profile a React App for Performance
Giving good demos
2017-12-11 · via Kent C. Dodds Blog

This week was exhausting! I hit two big milestones for projects I've been working on for a long time. I finished the second of two React courses for egghead.io and Jamund Ferguson and I gave a demo and the announcement of paypal-scripts at work. And it went super well! Hooray!

Hooray!

The paypal-scripts demo was a big deal for me because I know the impact that paypal-scripts can have on JavaScript engineers at PayPal and I want it to be well represented so folks will give it time. It also is a big deal because I've been working on it for so long and it's always good for folks to know and appreciate that what you've been working on is worthwhile 😅.

Knowing how important it is that this demo went well, I worked hard to prepare so it would. I thought I'd share a few of the things I did to make sure that this worked out. I hope you find it helpful in making your demos better in the future!

Start with "Why"

If you haven't had the chance to read the book "Start with Why" I highly suggest you give it a read (or listen as I did). It will change the way you approach communicating with others to be more effective in getting your message across.

What does this mean for paypal-scripts? Well, we started by establishing the problem that paypal-scripts was built to solve. We talked about how at PayPal we have thousands of configuration files for tools like ESLint, Babel, and Webpack. Extrapolating from that (and other factors), we determined that it costs PayPal over $1 million per year configuring tools over and over again. 😱 By starting things out this way, it made the need really clear.

Know your audience

It helps even more if you can relate the problem to the people you're illustrating. It almost makes the people listening think: "We really need a solution to this problem!" To help them feel this way you need to speak to them in terms they understand and about things that are important to them. In our case we included both the developer productivity as well as the problem in terms of money because those are things that are important to the audience to whom we presented.

Make things as quantitative as possible

It can often be hard to measure technical things, but put forth an effort to make estimates. This puts things into perspective for folks who may not be as familiar with the problem space. Amount of money is often a good number for most folks 🤑

Pre-record any demos

The first part of your presentation starts by establishing and getting sympathy for the problem and the demo shows off the solution. Nothing ruins your efforts to capture your audience more than a demo that goes wrong. So if possible, make a recording of the demo. Edit out all the fluff. I highly suggest following the guidelines in this free egghead.io course from John Lindquist about creating great screencasts.

Making sure the demo goes off without a hitch is one reason to pre-record it. Another reason is it respects the audience's time and keeps their attention. For example, my demo of paypal-scripts was 12 minutes long recorded. Giving the same demo live would have been well over twice that time. There's a tendency to ramble when you're talking about stuff like this. If you pre-record it, you can edit that unnecessary and distracting rambling out and focus on what you really want to get across. Doing this will help you avoid this:

cookie monster thinking

That said, make sure that you'll be able to deliver a live demo in case folks have questions about things not covered in the recording, or if people want to verify that what your demo is not just smoke and mirrors 😉

Practice

Before we gave the presentation, Jamund and I ran through it. We discovered some technical difficulties with the presentation that would have been real problems during the presentation. We also noticed some deficiencies in the slides and thought of more things we could say to clarify important points. When we actually gave the presentation we nailed it. Things went super well because we had already done it before.

Conclusion

You can be the best developer in the world, but if nobody knows what value you bring to the company it wont do you or your career a whole lot of use. Make sure to maximize the impact of your communication by preparing well for demos like this. Good luck!