liveBook · Manning

UI library

As explained in React Quickly, Second Edition

A component library is a software library that provides reusable user-interface components.

A UI library provides reusable user-interface components. React uses JavaScript to define components that combine interface structure, behavior, and communication logic, rather than treating each UI as a one-off template. section 1.0

Reusable form components

A form can drop in components such as <Captcha /> or <DatePicker />. An <Autocomplete charNum="4" /> component can query a database after four characters, while a textbox option can connect it to another form element. section 1.0

Use a UI library in several ways:

  • Add interactive widgets to a mostly server-rendered website without replacing the rest of the site. section 1.3
  • Build client-side web applications, including single-page applications. section 1.3
  • Combine the core library with tools such as React Router and Redux when a broader application stack is needed. section 1.3
  • Connect the frontend to backends written in Java, Ruby, Go, Python, Node, or Deno, and to separate frontend data libraries. section 1.3

A UI library is narrower than a full web application framework. Its strength is reusable, composable interface work; additional libraries may supply routing, data handling, or other application concerns. section 1.0 section 1.3

How React Quickly, Second Edition covers it

How deep it goes
Defines the library through component examples and integration boundaries, but does not descend into implementation internals.
Examples
Uses captcha, date-picker, autocomplete, and incrementally replaced website widgets as concrete component examples.
What you can do after
Apply React to create reusable UI components or add interactive widgets without replacing an entire website.
How it connects
Connects UI libraries with reusable components, JavaScript, single-page applications, routing, data libraries, and web application frameworks.

Also explained in

Compare how 3 books explain UI library →

Related concepts

This explainer was generated by Manning's knowledge graph from the text of React Quickly, Second Edition. The section links point to the parts of the book it draws on.