> For the complete documentation index, see [llms.txt](https://marcylabschool.gitbook.io/swe/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://marcylabschool.gitbook.io/swe/mod-7-react/overview.md).

# Overview

Frameworks and Libraries are what make web development so powerful, and so complex. Each framework or library seeks to improve upon some otherwise tedious or disorganized process, promising ease of use and optimizations. Learning how to learn a new framework is an essential skill in the modern age of web development. So, in this module, we will learn React, one of the most popular and in-demand frameworks, used for building smooth and beautiful user interfaces.

In this module, we'll learn about:

* **React** — a popular library for creating user interfaces through component composition.
* **Component Composition** — the act of designing a user interface based on discrete, reusable components that can share information with each other.
* **React Router** — a library made for React that can implements client-side frontend routing.
* **Frontend Routing** — the act of showing different user interfaces depending on the current URL (e.g. the `/about` vs. the `/contact` page)
* **Client-Side Routing** — a strategy for frontend routing in which the server sends a single set of static assets to the client that are able to change the user interface depending on the current URL.
* **Server-Side Routing** — a strategy for frontend routing in which the server sends different static assets to the client depending on the current URL.

## Chapters

* [1. Intro to React](/swe/mod-7-react/1-intro-to-react.md)
* [2. Events, State, and Forms](/swe/mod-7-react/2-events-state-and-forms.md)
* [3. Fetching with useEffect](broken://pages/ntK9CxxztmNok7fKWJ6c)
* [4. React Router](/swe/mod-7-react/7-react-router.md)
* [5. Building a Flashcards App](broken://pages/tgsOZ8tFO0h6tL9Pf5eA)
* [6. React Context](/swe/mod-7-react/8-react-context.md)
* [7. Global Context Pattern](/swe/mod-7-react/9-global-context-pattern.md)
* [8. React Project Week Overview](broken://pages/uIneUTYdq51uZJxp4XYQ)