exports.default = function () { return (React.createElement( React.Fragment, null, React.createElement( Core.OpenFileNew, { id: "5d5396f8f1179f20706de17b" }, React.createElement( Core.LineNumber, { lineNumber: 1 }), " "), React.createElement( Core.ClosedCaption, { id: "5d539722f1179f20706de17c" }), React.createElement( Core.OpenFileNew, { id: "5d539778f1179f20706de180" }, React.createElement( Core.LineNumber, { lineNumber: 1 }), React.createElement( 'span', { className: "hljs-function" }, React.createElement( 'span', { className: "hljs-keyword" }, "function"), " ", React.createElement( 'span', { className: "hljs-title" }, "Greeting"), "(", React.createElement( 'span', { className: "hljs-params" }), ") "), '{', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 2 }), " ", React.createElement( 'span', { className: "hljs-keyword" }, "return"), " ", React.createElement( 'span', { className: "xml" }, React.createElement( 'span', { className: "hljs-tag" }, "<", React.createElement( 'span', { className: "hljs-name" }, "p"), ">"), "Hello", React.createElement( 'span', { className: "hljs-tag" }, "")), ";", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 3 }), '}', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 4 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 5 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 6 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 7 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 8 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 9 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 10 })), React.createElement( Core.ClosedCaption, { id: "5d5397b7f1179f20706de181" }), React.createElement( Core.OpenFileNew, { id: "5d5397eff1179f20706de184" }, React.createElement( Core.LineNumber, { lineNumber: 1 }), React.createElement( 'span', { className: "hljs-function" }, React.createElement( 'span', { className: "hljs-keyword" }, "function"), " ", React.createElement( 'span', { className: "hljs-title" }, "Greeting"), "(", React.createElement( 'span', { className: "hljs-params" }), ") "), '{', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 2 }), " ", React.createElement( 'span', { className: "hljs-keyword" }, "return"), " ", React.createElement( 'span', { className: "xml" }, React.createElement( 'span', { className: "hljs-tag" }, "<", React.createElement( 'span', { className: "hljs-name" }, "p"), ">"), "Hello", React.createElement( 'span', { className: "hljs-tag" }, "")), ";", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 3 }), '}', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 4 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 5 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 6 }), React.createElement( 'span', { className: "hljs-class" }, React.createElement( 'span', { className: "hljs-keyword" }, "class"), " ", React.createElement( 'span', { className: "hljs-title" }, "Greeting"), " ", React.createElement( 'span', { className: "hljs-keyword" }, "extends"), " ", React.createElement( 'span', { className: "hljs-title" }, "React"), ".", React.createElement( 'span', { className: "hljs-title" }, "Component"), " "), '{', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 7 }), " render() ", '{', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 8 }), " ", React.createElement( 'span', { className: "hljs-keyword" }, "return"), " ", React.createElement( 'span', { className: "xml" }, React.createElement( 'span', { className: "hljs-tag" }, "<", React.createElement( 'span', { className: "hljs-name" }, "p"), ">"), "Hello", React.createElement( 'span', { className: "hljs-tag" }, "")), ";", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 9 }), " ", '}', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 10 }), '}'), React.createElement( Core.ClosedCaption, { id: "5d539837f1179f20706de185" }), React.createElement( Core.OpenFileNew, { id: "5d53986ff1179f20706de188" }, React.createElement( Core.LineNumber, { lineNumber: 1 }), React.createElement( 'span', { className: "hljs-comment" }, "// If Greeting is a function"), React.createElement( 'br', null ), React.createElement( Core.InlineVariables, { id: "5d5398e7f1179f20706de18b" }, React.createElement( Core.LineNumber, { lineNumber: 2 }), React.createElement( 'span', { className: "hljs-keyword" }, "const"), " result = Greeting(props);"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 3 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 4 }), React.createElement( 'span', { className: "hljs-comment" }, "// If Greeting is a class"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 5 }), React.createElement( 'span', { className: "hljs-keyword" }, "const"), " instance = ", React.createElement( 'span', { className: "hljs-keyword" }, "new"), " Greeting(props);", React.createElement( 'br', null ), React.createElement( Core.InlineVariables, { id: "5d5398f9f1179f20706de18c" }, React.createElement( Core.LineNumber, { lineNumber: 6 }), React.createElement( 'span', { className: "hljs-keyword" }, "const"), " result = instance.render();"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 7 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 8 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 9 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 10 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 11 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 12 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 13 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 14 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 15 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 16 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 17 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 18 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 19 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 20 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 21 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 22 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 23 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 24 })), React.createElement( Core.ClosedCaption, { id: "5d5398a1f1179f20706de189" }), React.createElement( Core.OpenFileNew, { id: "5d539b4ef1179f20706de18f" }, React.createElement( Core.LineNumber, { lineNumber: 1 }), React.createElement( 'span', { className: "hljs-function" }, React.createElement( 'span', { className: "hljs-keyword" }, "function"), " ", React.createElement( 'span', { className: "hljs-title" }, "Greeting"), "(", React.createElement( 'span', { className: "hljs-params" }), ") "), '{', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 2 }), " ", React.createElement( 'span', { className: "hljs-keyword" }, "return"), " ", React.createElement( 'span', { className: "xml" }, React.createElement( 'span', { className: "hljs-tag" }, "<", React.createElement( 'span', { className: "hljs-name" }, "p"), ">"), "Hello", React.createElement( 'span', { className: "hljs-tag" }, "")), ";", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 3 }), '}'), React.createElement( Core.ClosedCaption, { id: "5d539b7cf1179f20706de190" }), React.createElement( Core.OpenFileNew, { id: "5d539baff1179f20706de193" }, React.createElement( Core.LineNumber, { lineNumber: 1 }), React.createElement( 'span', { className: "hljs-keyword" }, "const"), " Greeting = ", React.createElement( 'span', { className: "hljs-function" }, React.createElement( 'span', { className: "hljs-params" }, "()"), " =>"), " ", React.createElement( 'span', { className: "xml" }, React.createElement( 'span', { className: "hljs-tag" }, "<", React.createElement( 'span', { className: "hljs-name" }, "p"), ">"), "Hello", React.createElement( 'span', { className: "hljs-tag" }, "")), ";", React.createElement( 'br', null ), React.createElement( Core.BreakPoint, { id: "5d539be7f1179f20706de195" }, React.createElement( Core.LineNumber, { lineNumber: 2 }), React.createElement( 'span', { className: "hljs-keyword" }, "new"), " Greeting();"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 3 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 4 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 5 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 6 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 7 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 8 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 9 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 10 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 11 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 12 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 13 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 14 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 15 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 16 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 17 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 18 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 19 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 20 })), React.createElement( Core.ClosedCaption, { id: "5d539c15f1179f20706de196" }), React.createElement( Core.OpenFileNew, { id: "5d539d37f1179f20706de199" }, React.createElement( Core.LineNumber, { lineNumber: 1 }), React.createElement( 'span', { className: "hljs-function" }, React.createElement( 'span', { className: "hljs-keyword" }, "function"), " ", React.createElement( 'span', { className: "hljs-title" }, "Greeting"), "(", React.createElement( 'span', { className: "hljs-params" }), ") "), '{', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 2 }), " ", React.createElement( 'span', { className: "hljs-keyword" }, "return"), " ", '{', React.createElement( 'span', { className: "hljs-attr" }, "say"), ": ", React.createElement( 'span', { className: "hljs-string" }, "'hi'"), '}', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 3 }), '}', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 4 }), React.createElement( 'br', null ), React.createElement( Core.BreakPoint, { id: "5d539d57f1179f20706de19a" }, React.createElement( Core.LineNumber, { lineNumber: 5 }), React.createElement( 'span', { className: "hljs-keyword" }, "new"), " Greeting();"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 6 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 7 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 8 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 9 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 10 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 11 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 12 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 13 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 14 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 15 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 16 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 17 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 18 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 19 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 20 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 21 })), React.createElement( Core.ClosedCaption, { id: "5d539e08f1179f20706de19b" }), React.createElement( Core.OpenFileNew, { id: "5d539e4bf1179f20706de19e" }, React.createElement( Core.LineNumber, { lineNumber: 1 }), React.createElement( 'span', { className: "hljs-class" }, React.createElement( 'span', { className: "hljs-keyword" }, "class"), " ", React.createElement( 'span', { className: "hljs-title" }, "A"), " "), '{', '}', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 2 }), React.createElement( 'span', { className: "hljs-class" }, React.createElement( 'span', { className: "hljs-keyword" }, "class"), " ", React.createElement( 'span', { className: "hljs-title" }, "B"), " ", React.createElement( 'span', { className: "hljs-keyword" }, "extends"), " ", React.createElement( 'span', { className: "hljs-title" }, "A"), " "), '{', '}', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 3 }), React.createElement( 'br', null ), React.createElement( Core.BreakPoint, { id: "5d539e56f1179f20706de19f" }, React.createElement( Core.LineNumber, { lineNumber: 4 }), React.createElement( 'span', { className: "hljs-built_in" }, "console"), ".log(B.prototype ", React.createElement( 'span', { className: "hljs-keyword" }, "instanceof"), " A);"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 5 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 6 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 7 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 8 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 9 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 10 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 11 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 12 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 13 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 14 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 15 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 16 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 17 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 18 })), React.createElement( Core.ClosedCaption, { id: "5d539ec4f1179f20706de1a0" }), React.createElement( Core.ClosedCaption, { id: "5d539f2ef1179f20706de1a2" }), React.createElement( Core.ReactionGif, { id: "5d539f82f1179f20706de1a3" }), React.createElement( Core.OpenFile, { id: "5d53a021f1179f20706de1a5" }, React.createElement( Core.LineNumber, { lineNumber: 1 }), React.createElement( 'span', { className: "hljs-comment" }, "/**"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 2 }), React.createElement( 'span', { className: "hljs-comment" }, " * Copyright (c) Facebook, Inc. and its affiliates."), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 3 }), React.createElement( 'span', { className: "hljs-comment" }, " *"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 4 }), React.createElement( 'span', { className: "hljs-comment" }, " * This source code is licensed under the MIT license found in the"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 5 }), React.createElement( 'span', { className: "hljs-comment" }, " * LICENSE file in the root directory of this source tree."), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 6 }), React.createElement( 'span', { className: "hljs-comment" }, " */"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 7 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 8 }), React.createElement( 'span', { className: "hljs-keyword" }, "import"), " invariant ", React.createElement( 'span', { className: "hljs-keyword" }, "from"), " ", React.createElement( 'span', { className: "hljs-string" }, "'shared/invariant'"), ";", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 9 }), React.createElement( 'span', { className: "hljs-keyword" }, "import"), " lowPriorityWarning ", React.createElement( 'span', { className: "hljs-keyword" }, "from"), " ", React.createElement( 'span', { className: "hljs-string" }, "'shared/lowPriorityWarning'"), ";", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 10 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 11 }), React.createElement( 'span', { className: "hljs-keyword" }, "import"), " ReactNoopUpdateQueue ", React.createElement( 'span', { className: "hljs-keyword" }, "from"), " ", React.createElement( 'span', { className: "hljs-string" }, "'./ReactNoopUpdateQueue'"), ";", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 12 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 13 }), React.createElement( 'span', { className: "hljs-keyword" }, "const"), " emptyObject = ", '{', '}', ";", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 14 }), React.createElement( 'span', { className: "hljs-keyword" }, "if"), " (__DEV__) ", '{', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 15 }), " ", React.createElement( 'span', { className: "hljs-built_in" }, "Object"), ".freeze(emptyObject);", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 16 }), '}', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 17 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 18 }), React.createElement( 'span', { className: "hljs-comment" }, "/**"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 19 }), React.createElement( 'span', { className: "hljs-comment" }, " * Base class helpers for the updating state of a component."), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 20 }), React.createElement( 'span', { className: "hljs-comment" }, " */"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 21 }), React.createElement( 'span', { className: "hljs-function" }, React.createElement( 'span', { className: "hljs-keyword" }, "function"), " ", React.createElement( 'span', { className: "hljs-title" }, "Component"), "(", React.createElement( 'span', { className: "hljs-params" }, "props, context, updater"), ") "), '{', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 22 }), " ", React.createElement( 'span', { className: "hljs-keyword" }, "this"), ".props = props;", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 23 }), " ", React.createElement( 'span', { className: "hljs-keyword" }, "this"), ".context = context;", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 24 }), " ", React.createElement( 'span', { className: "hljs-comment" }, "// If a component has string refs, we will assign a different object later."), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 25 }), " ", React.createElement( 'span', { className: "hljs-keyword" }, "this"), ".refs = emptyObject;", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 26 }), " ", React.createElement( 'span', { className: "hljs-comment" }, "// We initialize the default updater but the real one gets injected by the"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 27 }), " ", React.createElement( 'span', { className: "hljs-comment" }, "// renderer."), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 28 }), " ", React.createElement( 'span', { className: "hljs-keyword" }, "this"), ".updater = updater || ReactNoopUpdateQueue;", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 29 }), '}', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 30 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 31 }), "Component.prototype.", React.createElement( Core.Animate, { id: "5d53a059f1179f20706de1a8" }, "isReactComponent"), " = ", '{', '}', ";", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 32 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 33 }), React.createElement( 'span', { className: "hljs-comment" }, "/**"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 34 }), React.createElement( 'span', { className: "hljs-comment" }, " * Sets a subset of the state. Always use this to mutate"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 35 }), React.createElement( 'span', { className: "hljs-comment" }, " * state. You should treat `this.state` as immutable."), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 36 }), React.createElement( 'span', { className: "hljs-comment" }, " *"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 37 }), React.createElement( 'span', { className: "hljs-comment" }, " * There is no guarantee that `this.state` will be immediately updated, so"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 38 }), React.createElement( 'span', { className: "hljs-comment" }, " * accessing `this.state` after calling this method may return the old value."), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 39 }), React.createElement( 'span', { className: "hljs-comment" }, " *"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 40 }), React.createElement( 'span', { className: "hljs-comment" }, " * There is no guarantee that calls to `setState` will run synchronously,"), React.createElement( 'br', null ), React.createElement( Core.ScrollToLine, { id: "5d53a045f1179f20706de1a7" }, React.createElement( Core.LineNumber, { lineNumber: 41 }), React.createElement( 'span', { className: "hljs-comment" }, " * as they may eventually be batched together. You can provide an optional")), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 42 }), React.createElement( 'span', { className: "hljs-comment" }, " * callback that will be executed when the call to setState is actually"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 43 }), React.createElement( 'span', { className: "hljs-comment" }, " * completed."), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 44 }), React.createElement( 'span', { className: "hljs-comment" }, " *"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 45 }), React.createElement( 'span', { className: "hljs-comment" }, " * When a function is provided to setState, it will be called at some point in"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 46 }), React.createElement( 'span', { className: "hljs-comment" }, " * the future (not synchronously). It will be called with the up to date"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 47 }), React.createElement( 'span', { className: "hljs-comment" }, " * component arguments (state, props, context). These values can be different"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 48 }), React.createElement( 'span', { className: "hljs-comment" }, " * from this.* because your function may be called after receiveProps but before"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 49 }), React.createElement( 'span', { className: "hljs-comment" }, " * shouldComponentUpdate, and this new state, props, and context will not yet be"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 50 }), React.createElement( 'span', { className: "hljs-comment" }, " * assigned to this."), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 51 }), React.createElement( 'span', { className: "hljs-comment" }, " *"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 52 }), React.createElement( 'span', { className: "hljs-comment" }, " * @param ", '{', "object|function", '}', " partialState Next partial state or function to"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 53 }), React.createElement( 'span', { className: "hljs-comment" }, " * produce next partial state to be merged with current state."), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 54 }), React.createElement( 'span', { className: "hljs-comment" }, " * @param ", '{', "?function", '}', " callback Called after state is updated."), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 55 }), React.createElement( 'span', { className: "hljs-comment" }, " * @final"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 56 }), React.createElement( 'span', { className: "hljs-comment" }, " * @protected"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 57 }), React.createElement( 'span', { className: "hljs-comment" }, " */"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 58 }), "Component.prototype.setState = ", React.createElement( 'span', { className: "hljs-function" }, React.createElement( 'span', { className: "hljs-keyword" }, "function"), "(", React.createElement( 'span', { className: "hljs-params" }, "partialState, callback"), ") "), '{', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 59 }), " invariant(", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 60 }), " ", React.createElement( 'span', { className: "hljs-keyword" }, "typeof"), " partialState === ", React.createElement( 'span', { className: "hljs-string" }, "'object'"), " ||", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 61 }), " ", React.createElement( 'span', { className: "hljs-keyword" }, "typeof"), " partialState === ", React.createElement( 'span', { className: "hljs-string" }, "'function'"), " ||", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 62 }), " partialState == ", React.createElement( 'span', { className: "hljs-literal" }, "null"), ",", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 63 }), " ", React.createElement( 'span', { className: "hljs-string" }, "'setState(...): takes an object of state variables to update or a '"), " +", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 64 }), " ", React.createElement( 'span', { className: "hljs-string" }, "'function which returns an object of state variables.'"), ",", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 65 }), " );", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 66 }), " ", React.createElement( 'span', { className: "hljs-keyword" }, "this"), ".updater.enqueueSetState(", React.createElement( 'span', { className: "hljs-keyword" }, "this"), ", partialState, callback, ", React.createElement( 'span', { className: "hljs-string" }, "'setState'"), ");", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 67 }), '}', ";", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 68 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 69 }), React.createElement( 'span', { className: "hljs-comment" }, "/**"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 70 }), React.createElement( 'span', { className: "hljs-comment" }, " * Forces an update. This should only be invoked when it is known with"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 71 }), React.createElement( 'span', { className: "hljs-comment" }, " * certainty that we are **not** in a DOM transaction."), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 72 }), React.createElement( 'span', { className: "hljs-comment" }, " *"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 73 }), React.createElement( 'span', { className: "hljs-comment" }, " * You may want to call this when you know that some deeper aspect of the"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 74 }), React.createElement( 'span', { className: "hljs-comment" }, " * component's state has changed but `setState` was not called."), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 75 }), React.createElement( 'span', { className: "hljs-comment" }, " *"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 76 }), React.createElement( 'span', { className: "hljs-comment" }, " * This will not invoke `shouldComponentUpdate`, but it will invoke"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 77 }), React.createElement( 'span', { className: "hljs-comment" }, " * `componentWillUpdate` and `componentDidUpdate`."), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 78 }), React.createElement( 'span', { className: "hljs-comment" }, " *"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 79 }), React.createElement( 'span', { className: "hljs-comment" }, " * @param ", '{', "?function", '}', " callback Called after update is complete."), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 80 }), React.createElement( 'span', { className: "hljs-comment" }, " * @final"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 81 }), React.createElement( 'span', { className: "hljs-comment" }, " * @protected"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 82 }), React.createElement( 'span', { className: "hljs-comment" }, " */"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 83 }), "Component.prototype.forceUpdate = ", React.createElement( 'span', { className: "hljs-function" }, React.createElement( 'span', { className: "hljs-keyword" }, "function"), "(", React.createElement( 'span', { className: "hljs-params" }, "callback"), ") "), '{', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 84 }), " ", React.createElement( 'span', { className: "hljs-keyword" }, "this"), ".updater.enqueueForceUpdate(", React.createElement( 'span', { className: "hljs-keyword" }, "this"), ", callback, ", React.createElement( 'span', { className: "hljs-string" }, "'forceUpdate'"), ");", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 85 }), '}', ";", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 86 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 87 }), React.createElement( 'span', { className: "hljs-comment" }, "/**"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 88 }), React.createElement( 'span', { className: "hljs-comment" }, " * Deprecated APIs. These APIs used to exist on classic React classes but since"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 89 }), React.createElement( 'span', { className: "hljs-comment" }, " * we would like to deprecate them, we're not going to move them over to this"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 90 }), React.createElement( 'span', { className: "hljs-comment" }, " * modern base class. Instead, we define a getter that warns if it's accessed."), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 91 }), React.createElement( 'span', { className: "hljs-comment" }, " */"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 92 }), React.createElement( 'span', { className: "hljs-keyword" }, "if"), " (__DEV__) ", '{', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 93 }), " ", React.createElement( 'span', { className: "hljs-keyword" }, "const"), " deprecatedAPIs = ", '{', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 94 }), " ", React.createElement( 'span', { className: "hljs-attr" }, "isMounted"), ": [", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 95 }), " ", React.createElement( 'span', { className: "hljs-string" }, "'isMounted'"), ",", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 96 }), " ", React.createElement( 'span', { className: "hljs-string" }, "'Instead, make sure to clean up subscriptions and pending requests in '"), " +", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 97 }), " ", React.createElement( 'span', { className: "hljs-string" }, "'componentWillUnmount to prevent memory leaks.'"), ",", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 98 }), " ],", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 99 }), " ", React.createElement( 'span', { className: "hljs-attr" }, "replaceState"), ": [", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 100 }), " ", React.createElement( 'span', { className: "hljs-string" }, "'replaceState'"), ",", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 101 }), " ", React.createElement( 'span', { className: "hljs-string" }, "'Refactor your code to use setState instead (see '"), " +", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 102 }), " ", React.createElement( 'span', { className: "hljs-string" }, "'https://github.com/facebook/react/issues/3236).'"), ",", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 103 }), " ],", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 104 }), " ", '}', ";", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 105 }), " ", React.createElement( 'span', { className: "hljs-keyword" }, "const"), " defineDeprecationWarning = ", React.createElement( 'span', { className: "hljs-function" }, React.createElement( 'span', { className: "hljs-keyword" }, "function"), "(", React.createElement( 'span', { className: "hljs-params" }, "methodName, info"), ") "), '{', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 106 }), " ", React.createElement( 'span', { className: "hljs-built_in" }, "Object"), ".defineProperty(Component.prototype, methodName, ", '{', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 107 }), " ", React.createElement( 'span', { className: "hljs-attr" }, "get"), ": ", React.createElement( 'span', { className: "hljs-function" }, React.createElement( 'span', { className: "hljs-keyword" }, "function"), "(", React.createElement( 'span', { className: "hljs-params" }), ") "), '{', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 108 }), " lowPriorityWarning(", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 109 }), " ", React.createElement( 'span', { className: "hljs-literal" }, "false"), ",", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 110 }), " ", React.createElement( 'span', { className: "hljs-string" }, "'%s(...) is deprecated in plain JavaScript React classes. %s'"), ",", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 111 }), " info[", React.createElement( 'span', { className: "hljs-number" }, "0"), "],", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 112 }), " info[", React.createElement( 'span', { className: "hljs-number" }, "1"), "],", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 113 }), " );", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 114 }), " ", React.createElement( 'span', { className: "hljs-keyword" }, "return"), " ", React.createElement( 'span', { className: "hljs-literal" }, "undefined"), ";", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 115 }), " ", '}', ",", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 116 }), " ", '}', ");", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 117 }), " ", '}', ";", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 118 }), " ", React.createElement( 'span', { className: "hljs-keyword" }, "for"), " (", React.createElement( 'span', { className: "hljs-keyword" }, "const"), " fnName ", React.createElement( 'span', { className: "hljs-keyword" }, "in"), " deprecatedAPIs) ", '{', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 119 }), " ", React.createElement( 'span', { className: "hljs-keyword" }, "if"), " (deprecatedAPIs.hasOwnProperty(fnName)) ", '{', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 120 }), " defineDeprecationWarning(fnName, deprecatedAPIs[fnName]);", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 121 }), " ", '}', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 122 }), " ", '}', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 123 }), '}', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 124 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 125 }), React.createElement( 'span', { className: "hljs-function" }, React.createElement( 'span', { className: "hljs-keyword" }, "function"), " ", React.createElement( 'span', { className: "hljs-title" }, "ComponentDummy"), "(", React.createElement( 'span', { className: "hljs-params" }), ") "), '{', '}', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 126 }), "ComponentDummy.prototype = Component.prototype;", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 127 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 128 }), React.createElement( 'span', { className: "hljs-comment" }, "/**"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 129 }), React.createElement( 'span', { className: "hljs-comment" }, " * Convenience component with default shallow equality check for sCU."), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 130 }), React.createElement( 'span', { className: "hljs-comment" }, " */"), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 131 }), React.createElement( 'span', { className: "hljs-function" }, React.createElement( 'span', { className: "hljs-keyword" }, "function"), " ", React.createElement( 'span', { className: "hljs-title" }, "PureComponent"), "(", React.createElement( 'span', { className: "hljs-params" }, "props, context, updater"), ") "), '{', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 132 }), " ", React.createElement( 'span', { className: "hljs-keyword" }, "this"), ".props = props;", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 133 }), " ", React.createElement( 'span', { className: "hljs-keyword" }, "this"), ".context = context;", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 134 }), " ", React.createElement( 'span', { className: "hljs-comment" }, "// If a component has string refs, we will assign a different object later."), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 135 }), " ", React.createElement( 'span', { className: "hljs-keyword" }, "this"), ".refs = emptyObject;", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 136 }), " ", React.createElement( 'span', { className: "hljs-keyword" }, "this"), ".updater = updater || ReactNoopUpdateQueue;", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 137 }), '}', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 138 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 139 }), React.createElement( 'span', { className: "hljs-keyword" }, "const"), " pureComponentPrototype = (PureComponent.prototype = ", React.createElement( 'span', { className: "hljs-keyword" }, "new"), " ComponentDummy());", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 140 }), "pureComponentPrototype.constructor = PureComponent;", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 141 }), React.createElement( 'span', { className: "hljs-comment" }, "// Avoid an extra prototype jump for these methods."), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 142 }), React.createElement( 'span', { className: "hljs-built_in" }, "Object"), ".assign(pureComponentPrototype, Component.prototype);", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 143 }), "pureComponentPrototype.isPureReactComponent = ", React.createElement( 'span', { className: "hljs-literal" }, "true"), ";", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 144 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 145 }), React.createElement( 'span', { className: "hljs-keyword" }, "export"), " ", '{', "Component, PureComponent", '}', ";", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 146 })), React.createElement( Core.ClosedCaption, { id: "5d53a097f1179f20706de1a9" }), React.createElement( Core.OpenFileNew, { id: "5d53a10bf1179f20706de1ac" }, React.createElement( Core.LineNumber, { lineNumber: 1 }), React.createElement( 'span', { className: "hljs-comment" }, "// when you have to do the check, just..."), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 2 }), React.createElement( 'br', null ), React.createElement( Core.ScrollToLine, { id: "5d53a149f1179f20706de1ae" }, React.createElement( Core.LineNumber, { lineNumber: 3 }), React.createElement( 'span', { className: "hljs-keyword" }, "if"), " (Component.prototype && Component.prototype.isReactComponent) ", '{'), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 4 }), " ...", React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 5 }), '}', React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 6 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 7 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 8 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 9 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 10 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 11 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 12 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 13 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 14 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 15 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 16 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 17 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 18 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 19 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 20 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 21 }), React.createElement( 'br', null ), React.createElement( Core.LineNumber, { lineNumber: 22 })), React.createElement( Core.ClosedCaption, { id: "5d53a17bf1179f20706de1b0" }), React.createElement( Core.ClosedCaption, { id: "5d53a189f1179f20706de1b2" }) )); };

How does React tell a class from function?