Beginning React with Hooks (Lim, Greg)（Z-Library）

【One-Line Pitch】 A hands-on, fast-paced introduction to building React single-page apps using function components and Hooks, aimed at developers who already know basic HTML, CSS, and JavaScript and want to ship a real CRUD app without wading through class-based React. 【Book Arc】 - **Opening (~0%–10%)**: Sets up the mental model — why React exists (efficient DOM updates via a virtual DOM, single-page apps, asynchronous data) and how to "think in components" before any code is written. - **Early (~10%–30%)**: Gets you running — installing `create-react-app`, reviewing the generated project files, and writing your first function component, including the JSX rules (single root element, `className`, curly-brace expressions). - **Middle (~30%–55%)**: Builds component skills — composing components, passing data through props, binding CSS classes and styles dynamically, and rendering lists from arrays. - **Late (~55%–80%)**: Moves into interactivity and data — state and events, conditional rendering, and building forms with Hooks. - **Ending (~80%–100%)**: Applies everything to real patterns — fetching from RESTful APIs with Hooks and implementing full C.R.U.D. operations that persist data to a backend. 【Key Takeaways】 - **Components are the unit of everything** (Opening): A React app is a tree of small, reusable pieces, each owning its own JSX template, data, and logic — the book's central design habit. - **Function components plus Hooks are the book's chosen path** (Early): Class components and lifecycle methods are acknowledged but deliberately set aside, so you learn one consistent style. - **JSX is JavaScript, not HTML** (Early): Expressions embed in curly braces, class attributes become `className`, and a component must return a single root element — small rules that cause most beginner errors. - **Props flow data into components** (Middle): Passing values as attributes (e.g., a rating) lets you reuse one component many times with different data. - **State and events make the UI reactive** (Late): Binding controls to state and handling DOM events is what turns static markup into an interactive app. - **Conditional rendering and forms are practical necessities** (Late): Showing or hiding UI and capturing user input with Hooks are the patterns behind most real screens. - **Data fetching with Hooks connects you to the outside world** (Ending): The book walks through consuming a RESTful API (a GitHub search example) and handling asynchronous results. - **C.R.U.D. is the capstone** (Ending): Creating, reading, updating, and deleting records against a persistent API is presented as the real-world skill the whole book builds toward. 【Reading Tips】 - **Skim the setup chapter, deep-read the component chapters.** Tooling installation is mechanical; the JSX rules and props/state concepts are where the real learning happens. - **Type every example yourself.** The book is explicitly bite-sized and hands-on; copying code without running it will hide the small JSX and binding mistakes you need to internalize. - **Pause at the props and state transition.** This is the conceptual jump from static templates to dynamic apps — if it feels shaky, re-read before moving to forms and APIs. - **Treat the final CRUD project as the goal, not an appendix.** Rebuild it once from memory after finishing to confirm the patterns stuck. - **Keep the GitHub source repository open alongside the text** for reference when excerpts or figures are ambiguous. 【Coverage Limits】 This guide is based on stratified excerpts covering the preface, table of contents, and early-to-middle chapters; the later chapters on forms, REST APIs, and CRUD are represented mainly by chapter titles and brief descriptions, so specific implementation details there are not covered.