The React Workshop: Get started with building web applications using practical tips and examples from React use cases
暫譯: React 工作坊:透過實用技巧與範例學習建立網頁應用程式

Despoudis, Theofanis, Punith, Anton, Richey, Brandon

  • 出版商: Packt Publishing
  • 出版日期: 2020-08-19
  • 售價: $1,900
  • 貴賓價: 9.5$1,805
  • 語言: 英文
  • 頁數: 806
  • 裝訂: Quality Paper - also called trade paper
  • ISBN: 183864556X
  • ISBN-13: 9781838645564
  • 相關分類: React
  • 海外代購書籍(需單獨結帳)

相關主題

商品描述

Work through engaging exercises and activities and gain practical skills to make your web applications function effortlessly with the help of React

Key Features

  • Explore the React environment by creating live projects
  • Solve real-world problems relating to building modern web applications
  • Gain a thorough understanding of how data moves through different React components

Book Description

Are you interested in how React takes command of the view layer for web and mobile apps and changes the data of large web applications without needing to reload the page?

This workshop will help you learn how and show you how to develop and enhance web apps using the features of the React framework with interesting examples and exercises.

The workshop starts by demonstrating how to create your first React project. You'll tap into React's popular feature JSX to develop templates and use DOM events to make your project interactive. Next, you'll focus on the lifecycle of the React component and understand how components are created, mounted, unmounted, and destroyed. Later, you'll create and customize components to understand the data flow in React and how props and state communicate between components. You'll also use Formik to create forms in React to explore the concept of controlled and uncontrolled components and even play with React Router to navigate between React components. The chapters that follow will help you build an interesting image-search app to fetch data from the outside world and populate the data to the React app. Finally, you'll understand what ref API is and how it is used to manipulate DOM in an imperative way.

By the end of this React book, you'll have the skills you need to set up and create web apps using React.

What you will learn

  • Use JSX to include logic in the view layer of applications
  • Get familiar with the important methods and events in the React lifecycle
  • Distinguish between class and functional component syntaxes
  • Create forms with Formik and handle errors
  • Understand the React Hooks API and the problems it can solve
  • Fetch outside data using the Axios library and populate the data to the app

Who this book is for

The React Workshop is for web developers and programmers who are looking to learn React and use it for creating and enhancing web applications. Although the workshop is for beginners, prior knowledge of JavaScript programming and HTML and CSS is necessary to easily understand the concepts that are covered.

商品描述(中文翻譯)

**透過有趣的練習和活動,獲得實用技能,讓您的網頁應用程式在 React 的幫助下輕鬆運行**

#### 主要特點

- 透過創建實時專案探索 React 環境
- 解決與構建現代網頁應用程式相關的實際問題
- 徹底了解數據如何在不同的 React 組件中流動

#### 書籍描述

您是否對 React 如何掌控網頁和移動應用程式的視圖層,並在不需要重新加載頁面的情況下更改大型網頁應用程式的數據感興趣?

這個工作坊將幫助您學習如何使用 React 框架的特性,通過有趣的範例和練習來開發和增強網頁應用程式。

工作坊開始時將演示如何創建您的第一個 React 專案。您將利用 React 的熱門特性 JSX 來開發模板,並使用 DOM 事件使您的專案互動。接下來,您將專注於 React 組件的生命週期,了解組件是如何創建、掛載、卸載和銷毀的。之後,您將創建和自定義組件,以理解 React 中的數據流,以及 props 和 state 如何在組件之間進行通信。您還將使用 Formik 在 React 中創建表單,以探索受控和非受控組件的概念,甚至使用 React Router 在 React 組件之間進行導航。接下來的章節將幫助您構建一個有趣的圖像搜尋應用程式,從外部世界獲取數據並將數據填充到 React 應用程式中。最後,您將了解什麼是 ref API 以及如何以命令式方式操作 DOM。

在這本 React 書籍結束時,您將具備使用 React 設置和創建網頁應用程式所需的技能。

#### 您將學到什麼

- 使用 JSX 在應用程式的視圖層中包含邏輯
- 熟悉 React 生命週期中的重要方法和事件
- 區分類別組件和函數組件的語法
- 使用 Formik 創建表單並處理錯誤
- 理解 React Hooks API 及其能解決的問題
- 使用 Axios 庫獲取外部數據並將數據填充到應用程式中

#### 本書適合誰

這本 React 工作坊適合希望學習 React 並用於創建和增強網頁應用程式的網頁開發人員和程式設計師。雖然工作坊是為初學者設計的,但需要具備 JavaScript 程式設計、HTML 和 CSS 的基本知識,以便輕鬆理解所涵蓋的概念。

作者簡介

Brandon Richey is a software engineer and a React enthusiast who has written several popular React tutorials. He has been making professional and hobby programming projects spanning healthcare, personal sites, recruiting, and game development for nearly 20 years! Brandon is the author of the Packt book 'Create React App 2 Quick Start Guide'.

Ryan Yu is a senior UI engineer, writer, and speaker. He specializes in React with Redux and WebGL. His specialties and passion have led him to create a frontend course, FrontEnd 30, helping many developers and engineers improve their skills. He has led many web projects for government departments, universities, and banks. He has also contributed to developing several design systems built with React. He has also developed SEM & BIO to manage CSS in a better way.

Endre Vegh is a software engineer at Helpfulpeeps where he spends most of his time building web and mobile apps using react and react-native. Although his main focus is front-end related technologies, he is interested in creating backend solutions. He is fond of functional programming principles and figuring out the abstractions. He enjoys finding out things and sharing them. He can be obsessed with shiny new tech, currently, it is all about ReasonML.

Theofanis Despoudis is a senior software engineer and an experienced mentor. He has extensive experience with React, Redux, and Typescript. He has a keen interest in open-source architectures, cloud computing, best practices, and functional programming. He occasionally blogs on several publishing platforms and enjoys creating projects from inspiration. Theo is the author of the Packt video course 'Advanced Go Programming in 7 Days'.

Anton Punith is a technology enthusiast and a creative person who loves to build things. Working over a decade in front-end-development, he is an old school developer who believes in clean hand-coded HTML, CSS, and JavaScript. He fell in love with CSS and JavaScript when he first learned it and the romance still continues. He is an ardent learner who likes to share what he's learned.

Florian Sloot is a tech-lover since childhood and during his development years, he learned the importance of teaching and guiding. Therefore, as he got some experience with building applications, he started publishing learning resources himself. To date, he has taught hundreds of students and co-workers.

作者簡介(中文翻譯)

Brandon Richey 是一位軟體工程師和 React 愛好者,他撰寫了幾個受歡迎的 React 教學。他在醫療保健、個人網站、招聘和遊戲開發等領域從事專業和興趣的程式設計專案近 20 年!Brandon 是 Packt 書籍《Create React App 2 Quick Start Guide》的作者。

Ryan Yu 是一位資深 UI 工程師、作家和演講者。他專注於使用 Redux 和 WebGL 的 React。他的專業和熱情使他創建了一個前端課程 FrontEnd 30,幫助許多開發者和工程師提升技能。他曾為政府部門、大學和銀行主導多個網頁專案。他也參與了幾個基於 React 的設計系統的開發。他還開發了 SEM & BIO,以更好地管理 CSS。

Endre Vegh 是 Helpfulpeeps 的軟體工程師,他大部分時間都在使用 React 和 React Native 建立網頁和行動應用程式。雖然他的主要焦點是前端相關技術,但他對創建後端解決方案也很感興趣。他喜歡函數式程式設計原則並探索抽象概念。他享受發現新事物並分享它們的過程。他對新技術充滿熱情,目前他特別關注 ReasonML。

Theofanis Despoudis 是一位資深軟體工程師和經驗豐富的導師。他在 React、Redux 和 TypeScript 方面擁有豐富的經驗。他對開源架構、雲計算、最佳實踐和函數式程式設計有濃厚的興趣。他偶爾在幾個出版平台上撰寫部落格,並喜歡根據靈感創建專案。Theo 是 Packt 視頻課程《Advanced Go Programming in 7 Days》的作者。

Anton Punith 是一位技術愛好者和創意人士,熱愛創造事物。在前端開發領域工作超過十年,他是一位老派開發者,相信乾淨的手寫 HTML、CSS 和 JavaScript。他在第一次學習 CSS 和 JavaScript 時便愛上了它們,這段浪漫至今仍在延續。他是一位熱衷學習者,喜歡分享自己所學的知識。

Florian Sloot 從小就是一位技術愛好者,在他的開發生涯中,他學會了教學和指導的重要性。因此,隨著他在應用程式開發方面的經驗增長,他開始自己出版學習資源。至今,他已經教導了數百名學生和同事。

目錄大綱

  1. Getting Started with React
  2. Dealing With React Events
  3. Conditional Rendering and for Loops
  4. React Lifecycle Methods
  5. Class and Function Components
  6. State and Props
  7. Communication between Components
  8. Introduction to Formik
  9. Introduction to React Router
  10. Advanced Routing Techniques: Special Cases
  11. Hooks – Reusability, Readability, and a Different Mental Model
  12. State Management with Hooks
  13. Composing Hooks to Solve Complex Problems
  14. Fetching Data by Making API Requests
  15. Promise API and async/await
  16. Fetching Data on Initial Render and Refactoring With Hooks
  17. Refs in React
  18. Practical Use Cases of Refs

目錄大綱(中文翻譯)


  1. Getting Started with React

  2. Dealing With React Events

  3. Conditional Rendering and for Loops

  4. React Lifecycle Methods

  5. Class and Function Components

  6. State and Props

  7. Communication between Components

  8. Introduction to Formik

  9. Introduction to React Router

  10. Advanced Routing Techniques: Special Cases

  11. Hooks – Reusability, Readability, and a Different Mental Model

  12. State Management with Hooks

  13. Composing Hooks to Solve Complex Problems

  14. Fetching Data by Making API Requests

  15. Promise API and async/await

  16. Fetching Data on Initial Render and Refactoring With Hooks

  17. Refs in React

  18. Practical Use Cases of Refs