Building User Interfaces for Modern Web Applications: React Programming

Building User Interfaces for Modern Web Applications: React Programming


Link to Full Text

Download Full Text


Since Facebook released React as an open-source software library for front-end programming in 2013, React has gain popularity quickly. Although there are other frameworks or libraries, React is considered a programmer-friendly JavaScript library using the functional programming approach for the front-end web application development. Teaching and learning React can provide training in Functional Programming, Software Engineering Principles, and the Event-Driven Programming Paradigm. The ultimate goal of this eTextbook is to provide a timely support for teaching the state-of-the-art technology as the React ecosystem evolves.

In this eTextbook, the prerequisite concepts about HTML/CSS, JavaScript, and Bootstrap/React-Bootstrap are introduced first, followed by the main React language features. Finally, the Software Engineering Principles are introduced from the design, development, to debugging and maintenance. The main objectives are threefold: (1) provide concepts about JavaScript Programming, (2) introduce the concepts of modularity, functional programming, and (3) teach the concept of reusable User Interface (UI) as the front-end of modern model-view-controller (MVC) web applications.

Although learning other technologies in the React ecosystem is imminent, it is the hope that this book paves the groundwork for the future learning and growing in the field of modern UI development.

Publication Date



The Pennsylvania Alliance for Design of Open Textbooks


West Chester, PA


Web Programming, Front-End User-Interface (UI) Technology, React Programming


Programming Languages and Compilers


This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License (CC BY-NC 4.0) as a part of PA-ADOPT, except where otherwise noted.

Building User Interfaces for Modern Web Applications: React Programming