notes.vtt

gistfile1.txt

WEBVTT

note
00:05:30.000 --> 00:05:45.000
{"text":"JSX's interpolation of JavaScript is not unique. You can also interpolate JavaScript within HTML using `<script>` tags!","type":"staff","image":"https://d2eip9sf3oo6c2.cloudfront.net/tags/images/000/001/033/thumb/eggheadlogo.png","start":330,"end":345}

note
00:04:40.000 --> 00:04:42.000
{"start":280,"end":282,"text":"test","type":"learner","image":"https://d2eip9sf3oo6c2.cloudfront.net/users/avatars/000/173/301/medium/m2.png"}

note
00:03:42.000 --> 00:03:55.000
{"text":"What JavaScript expressions within JSX compile down to.\n The JSX:\n ```jsx\nfunction CharacterCount({text}) {\n  return (\n    <div>\n      {`The text \"${text}\" has `}\n      {text.length ? <strong>{text.length}</strong> : 'No'}\n      {' characters'}\n  )\n}\n```\n The Compiled JavaScript\n ```jsx\n  function Character Count(_ref) {\n    var text = _ref.text;\n    return React.createElement(\"div\", null,\n    \"The text \\\"\".concat(text,\"\\\" has \"),\n  text.length ? React.createElement(\"strong\", null,\n  text.length) : 'No' ' characters')\n    ;\n  }\n```","type":"staff","image":"https://d2eip9sf3oo6c2.cloudfront.net/tags/images/000/001/033/thumb/eggheadlogo.png","start":222,"end":235}

note
00:02:50.000 --> 00:03:15.000
{"text":"You switch back and forth between JSX and JS regularly when writing React. JavaScript expressions can be written inside JSX using curly brackets.","type":"staff","image":"https://d2eip9sf3oo6c2.cloudfront.net/tags/images/000/001/033/thumb/eggheadlogo.png","start":170,"end":195}

note
00:00:45.000 --> 00:00:50.000
{"text":"[MDN - Template literals](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals)","type":"staff","image":"https://d2eip9sf3oo6c2.cloudfront.net/tags/images/000/001/033/thumb/eggheadlogo.png","start":45,"end":50}