با کمک React، فناوری متن باز فیس بوک برای ساخت سریع برنامههای وب غنی، به موفقیت دست پیدا کنید. کتاب React: Up & Running, 2nd Edition (ریاکت، راه اندازی و اجرا، ویرایش دوم)، که برای آخرین نسخه React بهروزرسانی شده است، به شما نشان میدهد که چگونه کامپوننتهای React را بسازید و آنها را در برنامههایی با مقیاس بزرگ سازماندهی کنید. اگر با نحو جاوا اسکریپت آشنایی دارید، برای شروع آماده هستید.
در این کتاب، نویسنده Stoyan Stefanov، به توسعه دهندگان و برنامه نویسان وب کمک میکند تا یک برنامه سفارشی کامل برای ذخیره دادهها روی کلاینت بسازند. شما با کمک این کتاب به سرعت خواهید فهمید که چرا برخی از توسعه دهندگان، React را کلید پازل توسعه برنامه وب میدانند.
مطالبی که در کتاب React: Up & Running: Building Web Applications, 2nd Edition، یاد خواهید گرفت:
- راه اندازی ری اکت و نوشتن اولین برنامه وب Hello World خودتان
- ایجاد و استفاده از کامپوننتهای سفارشی React در کنار کامپوننتهای عمومی DOM
- ساخت یک کامپوننت data table که به شما اجازه ویرایش، مرتب سازی، جستجو و خروجی دادن محتویاتش را میدهد
- استفاده از افزونه نحو JSX به عنوان جایگزینی برای فراخوانی توابع
- راه اندازی فرآیندی سطح پایین و سبک که به شما کمک میکند روی React تمرکز کنید
- ساخت یک برنامه سفارشی کامل که به شما اجازهی ذخیره سازی دادهها بر روی کلاینت را میدهد
- استفاده از ابزارهای ESLint، Flow و Jest برای چک کردن و تست کردن کد هایتان در حین تکامل برنامه
Table of Contents:
- 1. Hello World
- Setup
- Hello React World
- What Just Happened?
- React.createElement()
- JSX
- Next: Custom Components
- 2. The Life of a Component
- A Custom Function Component
- A Custom Class Component
- Properties
- State
- A textarea Component
- Make It Stateful
- A Note on DOM Events
- Props Versus State
- Props in Initial State: an Antipattern
- Accessing the Component from the Outside
- Lifecycle Methods
- Lifecycle Example: Log It All
- Lifecycle Example: Using a Child Component
- Performance Win: Prevent Component Updates
- Whatever Happened to Function Components?
- 3. Excel: A Fancy Table Component
- Data First
- Table Headers Loop
- Table Headers Loop, a Terse Version
- Debugging the Console Warning
- Adding td Content
- Sorting
- Sorting UI Cues
- Editing Data
- Search
- Instant Replay
- Download the Table Data
- Fetching Data
- 4. Functional Excel
- A Quick Refresher: Function versus Class Components
- Rendering the Data
- The State Hook
- Sorting the Table
- Editing Data
- Searching
- Lifecycles in a World of Hooks
- A Custom Hook
- Wrapping up the Replay
- useReducer
- Excel Component with a Reducer
- 5. JSX
- A Couple Tools
- Whitespace in JSX
- Comments in JSX
- HTML Entities
- Spread Attributes
- Returning Multiple Nodes in JSX
- Differences Between JSX and HTML
- Namespaced Components
- JSX and Forms
- 6. Setting Up for App Development
- Create React App
- package.json and node_modules
- Poking Around the Code
- Moving On
- 7. Building the App’s Components
- Setup
- Start Coding
- Refactoring the Excel Component
- Version 0.0.1 of the New App
- CSS
- Local Storage
- The Components
- Logo and a Body
- Button Component
- Forms
- Actions
- Dialogs
- Header
- App Config
- Excel: New and Improved
- 8. The Finished App
- Updated App.js
- DataFlow Component
- Job Done
- Context
- Next Steps
- Providing Context
- Consuming Context
- Updating Discovery
- Routing
- The End