til
  • README
  • Software Development Roles
  • solid
  • README
    • service-worker
  • docker
    • arg
    • 更新docker版本
  • editor
    • vscode
    • Creating a VS Code Theme
  • english
    • words
  • front-end
    • ==
    • ECMAScript
    • IIFE
    • Label
    • basic
    • html.js.css渲染顺序
    • npm-vs-yarn
    • obj-delete-key-value
    • react
    • split-join-and-replace
    • video
    • 前端自检清单
    • 递归及去重
    • css
      • css换肤
      • flex
      • list
      • nth-child和nth-of-type区别
      • padding
      • position
      • 层叠上下文
      • 层叠样式(+)
      • 正方形
      • 语义化标签
    • dom
      • DOCTYPE
      • HEAD
      • 修改document
      • 自定义表单验证
    • electron
      • basic
    • es6
      • basic-type
      • basic
      • prototype-example
      • defineProperty
      • understanding-es6
        • 0.introduction
        • Appendix A: Smaller Changes
        • Appendix B: Understanding ES7
        • Block-Binding
        • Proxies&Reflection
        • class
        • 解构赋值
        • function
        • improved-array
        • iterators&generators
        • modules
        • object
        • promise
        • Map&Set
        • symbol
    • images
      • 前端角度看图片
    • interview_case
      • lexical_scope
      • redux和localstroage存储位置
    • javascript
      • fuck-the-js
      • js-engine-work
      • js原生操作dom
      • what-is-function-program
      • 执行上下文
      • articles
        • JavaScript中使用函数组合
        • JavaScript中的依赖注入
        • JavaScript作用域链中的标识符解析和闭包
        • JavaScript是何如工作的--概述
        • JavaScript深拷贝
        • JavaScript的全局变量是如何工作的
        • js继承常见的误解
        • node12&chrome中7个新的提案功能
        • 你真的懂JavaScript吗
      • date
        • index
      • engines
        • basic
        • JavaScript引擎基础:外形和内联缓存
        • v8中推测性优化的介绍
        • 优化原型
        • 更快的异步功能和promise
      • events
        • baisc
        • 事件冒泡和捕获
        • 定义事件
        • 页面生命周期
      • higher-order-function
        • curry
        • monad
      • module
        • basic
        • main&module
      • objects
        • iterator
        • spread
        • examples
          • iterator
      • performance
        • blocking-css
        • cache
      • prototype
        • Property-Descriptors
        • basic
        • prototype-shadow
      • you-dont-known-js
        • async&performance
          • Chapter 1: Asynchrony: Now & Later
          • Chapter 2: Callbacks
          • Chapter 3: Promises
          • Chapter 4: Generators
        • scope & closures
          • apA
          • apB
          • apC
          • apD
          • chapter1-what-is-scope
          • chapter2-lexical-scope
          • chapter3-function-vs-block-scope
          • chapter4-hoisting
          • chapter5-scope-closure
        • this & object prototypes
          • chapter1-this-or-that
          • chapter2-this-make-sense
          • chapter3-objects
          • chapter4-mixing(up)-class-object
          • chapter5-prototype
          • chapter6-behavior-delegation
        • types&grammer
          • Chapter1-Types
          • Chapter2-Values
          • Chapter3-Natives
          • Chapter4-coercion
          • Chapter5-grammer
        • up & going
          • chapter1-into-programming
          • chapter2-into-javascript
          • chapter3-into-YDKJS
    • mobile
      • iPhone分辨率终极指南
    • npm
      • arguments
      • build
    • react-native
      • prop-methods
    • react
      • PropTypes
      • basic
      • codebase-overview
      • component-element-instance
      • context
      • how-to-known-component-is-func-or-class
      • overview
      • react16.9
      • react18计划
      • react的设计原则
      • reconciliation
      • setState
      • useMemo
      • why-do-we-write-super-props
      • 从头实现一个react
      • concurrent
        • 引入并发模式(仅试验)
      • conf
        • conf-2019
      • events
        • 合成事件概述
      • hooks
        • custom-hook
        • effect-hook
        • hooks-api
        • intro
        • overview
        • rules
        • state-hook
        • hooks-vs-class
          • thinking-in-react-hooks
      • overreact
        • Development模式是如何工作的
        • How-Does-setState-Know-What-to-Do
        • Why-Do-React-Elements-Have-a-$$typeof-Property
        • Why-Do-React-Hooks-Rely-on-Call-Order
        • how-to-known-component-is-func-or-class
        • preparing-tach-talk-motivation
        • react作为ui运行
        • things-i-dont-known-as-2018
        • ui-element-problem-and-build-yourself
        • why-do-we-write-super-props
        • 一份完整的useEffect指南
        • 为什么X不是Hook
        • 函数组件与类有什么不同?
        • 演讲准备2-what-why-how
        • 编写弹性组件
        • 让setInterval在React-Hooks中为声明式
      • practice
        • render
      • react-dom
        • basic
      • react-redux
        • apiv7.1-hooks
        • connect
        • shallow-equal
      • redux
        • applyMiddleware
        • applyMiddleware2-细节
        • example
    • regex
      • index
    • stories
      • 数组下标
      • 阻止事件冒泡
    • svelte
      • compile-svelte-in-your-head-1
      • compiler-overview
      • parser
        • 写一个解析器-JavaScript的JSON解析器
    • turbopack
      • basic
    • typescript
      • interface和type的区别
    • webpack
      • hash
      • webpack4-for-react
      • webpack4
      • webpack4to5
      • babel
        • babel-parser和acorn的区别
        • babel.7.11
        • family
        • react16.14使用new-transform
        • update-to-7
    • pdf
      • deep-js
        • basic
      • react
        • reintroducing
  • git
    • capital
    • emoji
  • http
    • http2.0
    • response
  • rails
    • api
    • flash
    • middleware-vs-metal
    • model
    • performance
    • routes
    • environment
      • error
    • patterns
      • service
    • sidekiq
      • params
    • deploy
      • capistrano
        • ssh
  • ruby
    • self
    • net
      • http请求携带cookie
  • server
    • ss
    • ssh
    • user
    • crawler
      • puppeteer
    • nginx
      • domain-without-80
      • nginx节省带宽
  • sql
    • rails
    • search
Powered by GitBook
On this page
  1. front-end
  2. react
  3. overreact

演讲准备2-what-why-how

Previous函数组件与类有什么不同?Next编写弹性组件

Last updated 6 years ago

我之前有完成了几个我认为还不错的演讲。比如, , 。

有时会有人问我如何准备演讲。对于每个演讲者而言,回答都基本针对个人。我也只是分享我是如何来准备的。

这是这个系列的第二篇文章,将阐述准备演讲的过程,从构思过程到实际演讲的那天。

  • 准备演讲,第二部分:什么,为什么以及怎么样(这篇文章)

  • 第三部分(等..)敬请期待。

在这篇文章中,我将主要介绍我演讲的内容(什么),原因(为什么)和方式(如何)。 提前这么做,让我在后面避免了很多头疼的问题。

如果你还没有看过,今天去看下。这是一部令人愉悦的大片,有令人心旷神怡的视觉效果和刺激的情节。但是就像教我的那样,他还有一些关于谈话的好建议。

那部电影是关于在他们睡觉时将想法传递给别人的头脑。这可能听起来有点侵入性(在电影中是非法的)。但是对于你来说,如果你参加演讲,那对你来说会是一个很好的挑战。

你希望听众能从你的演讲中得到什么? 我试着在早期把它表述成句子。这样子表达保持简短。人们会忘记你说的大部分内容,所以你需要好好的挑选你想要表达的内容。这是你埋下的一粒种子。

例如,下面是我演讲的的核心思想。

我不会直接说出中心思想,或者把它写在幻灯片上,但它始终是我演讲的支柱。我所说的和我所展示的所有东西,最终都必须去围绕这个想法。我想向你证明这一点。

一个想法可以是关于我谈话的“内容(什么)”,但是也会存在着“原因(为什么)”和“方式(如何)”。

“方式(如何)”就是我传达给听众的方法。就个人而言,我更喜欢现场演示,有很多东西可以奏效。会在本系列后面的文章中会着重阐述“方式(如何)”。我们刚刚讨论了“内容(什么)”,这是演讲的核心思想。这是我想要植入你脑海中的想法。这就是我希望人们与朋友和同事分享的内容。

接下来就是"为什么"。

为了解释“为什么”,看看盗梦空间中的这个对话:

Cobb: “I will split up my father’s empire.” Now, this is obviously an idea that Robert himself will choose to reject. Which is why we need to plant it deep in his subconscious. The subconscious is motivated by emotion, right? Not reason. We need to find a way to translate this into an emotional concept.

Arthur: How do you translate a business strategy into an emotion?

Cobb: That’s what we’re here to figure out, right. Now Robert’s relationship with his father is stressed, to say the least.

Eames: Well can we run with that? We could suggest him breaking up his fathers company as a “screw you” to the old man.

Cobb: No, cause I think positive emotion trumps negative emotion every time. We all yearn for reconciliation, for catharsis. We need Robert Fischer to have a positive emotional reaction to all this.

Eames: Alright, well, try this? “My father accepts that I want to create for myself, not follow in his footsteps.”

Cobb: That might work.

我不是暗示你用演讲来打破君权。

下面的例子就是我演讲中的“内容(什么)”,“原因(为什么)”和“方式(如何)”。

一个让人回味的演讲采用简单的想法让观众去关心他,并且有个清晰和令人信服的过程去阐述。这就是"内容(什么)", "原因(为什么)", "方式(如何)"。

在本系列的下一篇文章中,我将讨论准备演讲大纲,幻灯片,排练会谈以及演讲当天的工作。

: 函数式原则提升了开发流程。

: 等待CPU和IO有一个统一的解决方案。

:Hooks使状态逻辑可重用。

但是,必须有一个让你在成千上万的人面前说出来。你相信一些东西,你希望和其他人分享这种感觉。这就是“为什么” - 你谈话的情感核心。

(上面的这个图片是用于)

(上面的图片是用于)

(上面的图片是用于)

在这篇文章中,我描述了我如何组织演讲的核心思想。再一次,我想强调一点,我只是分享对我有用的东西 — ,你对此的看法可能大不相同。

本系列的上一篇:

原文:

Hot Reloading
Beyond React 16
Introducing Hooks
理由
hot reloading
Beyond React 16
介绍Hooks
演讲有很多种
准备演讲,第一部分: 动机
Preparing for a Tech Talk, Part 2: What, Why, and How
react hot reloading
Beyond React 16 | JSConf Iceland 2018
react hooks
准备演讲,第一部分:动机
盗梦空间
Ryan Florence