Learning React Day 1
First day in my learning log to understand and apply React into future personal and work-related Web projects.
Back to 2015: the origins of React were widely documented and applied for usage in native applications on platforms such as iOS and Android where it was and remains in reference and documentation as React Native.
When we look at React in the context of building for the Web there are some key differences and additions for how the language is applied and assisted with to work with Web/internet technologies. This, in part, is so that it can efficiently control the HTML DOM, handle existing Web-based package managers and convert language to a readable format for both existing and older Web browsers.
React is probably the first framework I've used that's predominantly engineered for declarative programming as opposed to imperative programming, as I've typically done in frameworks like jQuery. This means that rather than coding out line after line how a function should operate, instead I'd generally just write a single line function to state what should happen. It's then assumed the framework has the knowledge to know how to proceed with this instruction.
It's beneficial to write code with a declarative approach not only to save time but also have:
- Reduced chance of bugs
- Overall less code
- More readable code
- Mutable code (code that's less likely to change)
In this initial session I've learnt four parts of the ecosystem in React that are commonly applied for building on the Web.
- React Router (typically used for navigation control)
- Webpack (used for code bundling)
- Babel (compiling React into readable JS that's cross-browser compatible, not only for modern Web browsers)
- AXIOS (In the context of the Web this is useful for HTTTP requests)
Reference + reading
React Training React Fundamentals