My needs:
- Break down UIs into small functions
- Make my own "HTML components"
- Don't get bogged down writing glue code
- Use the latest JS syntax without problems
React provides:
- A sane way to build apps - specify the frames, without worrying about the transition code.
- Componentization - break down the UI into small reusable (and manageable) parts
- Simple DSL - it's like HTML except
{js_expression_here}is used for including JS logic. - Modules - JS, CSS files can be imported seamlessly
- Simple and stable app constructs
- Community support + docs + dev tools (the popularity!)
- 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.
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
- 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.