React.js

Live link

Why

My needs:

1. Break down UIs into small functions
2. Make my own "HTML components"
3. Don't get bogged down writing glue code
4. Use the latest JS syntax without problems

React provides:

1. A sane way to build apps - specify the frames, without worrying about the transition code.
2. Componentization - break down the UI into small reusable (and manageable) parts
3. Simple DSL - it's like HTML except {js_expression_here} is used for including JS logic.
4. Modules - JS, CSS files can be imported seamlessly
5. Simple and stable app constructs
6. Community support + docs + dev tools (the popularity!)

How

• React uses a heuristics-based algorithm to "figure out" transitions between frames automatically.
• It provides simple and stable app constructs (functions that you can import and use), so app development is practically declarative.

What

React is a declarative way to build user interfaces.

React is a library to create and reuse your own HTML tags.

— Me when I started using React

Usage

• Browse these notes here on GitHub or just clone the repo, it's markdown 🙌. Or see the website(experimental)
• Pre-requisites: basic HTML, CSS, JS. And some JS syntax sugars

---

These are notes (mental models) I made while doing this Udemy course(released 2020).

I have tried to compress and classify information into manageable chunks.