<h1 id="react">React<a aria-hidden="true" class="anchor-heading icon-link" href="#react"></a></h1>
<h2 id="why-react">Why React?<a aria-hidden="true" class="anchor-heading icon-link" href="#why-react"></a></h2>
<p><a class="color-tag" style="--tag-color: #54ac68;" href="/cs/notes/lhy7fri8qkovbdholalflcv">#interview-question</a></p>
<ol>
<li>Abstracts DOM Manipulation - predictable behavior, easier to debug</li>
<li>Component-based Architecture - Modularized and reusable approach. Easier to maintain</li>
<li>Virtual DOM efficiently manages updates and rendering of components - Actual DOM Manipulation is slow and resource consuming</li>
<li>Rich ecosystem - quite popular</li>
<li>Flexibility - not a framework - focuses solely on view layer - can be used with other libraries and frameworks</li>
<li>React Native - Unified experience across devices</li>
</ol>
<h2 id="props">Props<a aria-hidden="true" class="anchor-heading icon-link" href="#props"></a></h2>
<ul>
<li>Object received by components - contain value passed by the parent component.</li>
<li>Read only </li>
</ul>
<h2 id="references">References<a aria-hidden="true" class="anchor-heading icon-link" href="#references"></a></h2>
<ul>
<li><a href="https://medium.com/segmentify-tech/higher-order-component-hoc-2b671559e576">Higher-Order Functions (HOC)</a></li>
</ul>
<hr>
<strong>Children</strong>
<ol>
<li><a href="/cs/notes/4kr8qnqvd9azf1jf4gz7hfn">React Component</a></li>
</ol>

React



These notes are arranged into the below topics:

- AI (Sorry this is on the top, list is alphabetic)
- [[arch]]
- Data
- Execution
- Languages
- Semantics
- [[paradigm]]
- Philosophy
- Dev
- Tools
- Type Theory

## References

- Hierarchy inpiration - [Map of Computer Science](https://www.flickr.com/photos/95869671@N08/36231833334/in/photostream/lightbox/)