<ul>
<li>Self-closing tags are tags that close themselves. &lt;img&gt; and &lt;input&gt; are examples in HTML, but in JSX you need to include a ‘ /’. For example: &lt;br&gt; in HTML would be &lt;br /&gt; in JSX.</li>
<li>If you want to put JavaScript into a JSX expression, you need to wrap it in curly braces{}</li>
<li>Event listeners are attributes added to elements that trigger an action. One example is onClick = {function}, another is onMouseOver = {function}.<ul>
<li>They start off with the word ‘on’, followed by the action.</li>
<li>One this to note is that in HTML, event listeners are written in lowercase. Whereas in JSX, they’re written in camelCase.</li>
</ul>
</li>
<li>In javascript, you use ‘===’ to compare two variables. In Python and Go, its just two = signs. Why is this?</li>
<li>JSX keys are an attribute. They are used by React to keep track of lists. A list will need a key if it has memory. I’m not sure what exactly this means yet.</li>
<li>Components are what React applications are made out of.<ul>
<li>They are small, reusable chunks of code that are responsible for one job. Usually it is to render some HTML.</li>
</ul>
</li>
</ul>

* **Self-closing tags **are tags that close themselves. &lt;img> and &lt;input> are examples in HTML, but in JSX you need to include a ‘ /’. For example: &lt;br> in HTML would be &lt;br /> in JSX.
* If you want to put JavaScript into a JSX expression, you need to wrap it in curly braces{}
* **Event listeners** are attributes added to elements that trigger an action. One example is onClick = {function}, another is onMouseOver = {function}.
    * They start off with the word ‘on’, followed by the action.
    * One this to note is that in HTML, event listeners are written in lowercase. Whereas in JSX, they’re written in camelCase.
* In javascript, you use ‘===’ to compare two variables. In Python and Go, its just two = signs. Why is this?
* JSX **keys** are an attribute. They are used by React to keep track of lists. A list will need a key if it has _memory._ I’m not sure what exactly this means yet.
* **Components **are what React applications are made out of.
    * They are small, reusable chunks of code that are responsible for one job. Usually it is to render some HTML.

Event listeners and components in React. Today I Learned: Friday 24th June 2022