Learning PHP, MySQL & JavaScript, 6th Edition

Chapter 24. Introduction to React

When using JavaScript, HTML, and CSS to build dynamic websites, there comes a time that the creation of the code required to handle the frontend of your websites and apps can become cumbersome and overly verbose, slowing down the speed of project development and potentially leading to the introduction of hard-to-find bugs.

This is where frameworks come in. Of course, since 2006 there’s been jQuery to help us out, and consequently it’s installed on the vast majority of production websites, although these days JavaScript has grown sufficiently in scope and flexibility that programmers need to rely on frameworks like jQuery a lot less. Also, as time marches on the technology continually improves, and now there are a number of excellent other options, such as Angular and, as discussed here, my preferred favorite, React.

jQuery was designed to simplify HTML DOM tree traversal and manipulation, as well as event handling, CSS animation, and Ajax, but some programmers, such as the development team at Google, felt it still wasn’t powerful enough, and they came up with Angular JS in 2010, which evolved into Angular in 2016.

Angular uses a hierarchy of components as its primary architectural characteristic, rather than using “scope” or controllers (like Angular). Google’s massive AdWords platform is powered by Angular, as are Forbes, Autodesk, Indiegogo, UPS, and many others, and it is indeed extremely powerful.

Facebook, on the other hand, had a different ...