《React 學習之道》中文版

2021-03-02 前端早讀課

前言

前天早上在做日常工作的時候，在知乎上看到一本React的翻譯書，有興趣的可以看看。

正文從這開始～

the Road to learn React

通往 React 實戰大師之旅：掌握 React 最簡單，且最實用的教程

這本書目前支持 PDF、EPUB、MOBI、Kindle 多種格式下載，並支持 Leanpub 在線閱讀。

本書介紹

《React 學習之道》會教您一些 React 的基礎知識。通過這套教程，您可以使用純 React 構建一個真正可用的應用程式，而不需要去理會其他複雜的工具。我將為您逐一介紹從開發環境的準備到部署上線的全部過程。本書每一章都包含一些額外的索引資料以及課後練習。在讀完本書之後，您將會有能力依靠自己構建一個 React 應用。

通過《React 學習之道》，在開始陷入到更龐大的 React 生態圈之前，我想為您奠定一個良好的基礎。它會通過一個真實可用的 React 應用來解釋基本概念、設計模式以及最佳實踐。

您將會學習構建您自己的 React 應用。這個應用會涉及一些真正可用的功能，比如分頁，客戶端緩存，以及像搜索和排序這樣的交互功能。另外在這個過程中，您會慢慢從 JavaScript ES5 過渡到 JavaScript ES6。我希望這本書能充分體現我對 React 和 JavaScript 的熱忱所在，並幫助您能夠開始您的開發旅程。

本書翻譯來自 ThoughtWorks 的 JS Community 超豪華譯者團隊。

有興趣的可以通過下方地址下載或閱讀

https://leanpub.com/the-road-to-learn-react-chinese/

最後，為你推薦

【第1167期】npm 2017 JavaScript 框架報告之 React 生態系統分析

【第1163期】React 整潔代碼最佳實踐

關於本文

作者：@呂立青

原文：https://zhuanlan.zhihu.com/p/33305494

相關焦點

  • ReactNative學習資源大匯集
    ，方便大家學習，同時還有 [Awesome React Native系列]，請收下！/2015/03/react.htmlreact.js視頻教程 http://react-china.org/t/reactjs/584React Native之React速學教程https://github.com/crazycodeboy/RNStudyNotes/tree/master/React%20Native%E4%B9%8BReact%E9%80%9F%E5%
  • Java學習進階之React狀態保存
    2、通過路由實現自動狀態保存(通常使用react-router)1)重寫組件，可參考react-live-route。重寫可以實現我們想要的功能，但成本也比較高，需要注意對原始功能的保存，以及多個react-router版本的兼容。2)替換路由庫為react-keeper。
  • React學習(二)-深入淺出JSX
    學習】因為在javascript代碼中將JSX和UI放在一起在視覺上有輔助作用,另外,它還可以使React顯示跟過有用的錯誤和警告信息下面就一起來學習下JSX吧,當你習慣它之後呢,並不會嗤之以鼻,反而會引以為愛的!正文從這裡開始~
  • React 16.8 之 React Hook
    有了 react hook 就不用寫class(類）了，組件都可以用function來寫，不用再寫生命周期鉤子，最關鍵的，不用再面對this了！State Hook 解決存儲持久化的方案我所知道的可以通過js存儲持久化狀態的方法有: class類、全局變量、DOM、閉包通過學習react hook源碼解析了解到是用閉包實現的~function useState(initialState
  • React-Native學習指南
    本指南匯集React-Native各類學習資源，給大家提供便利。
  • [前端工坊]如何學習React:一個五步計劃
    第一步- React文檔+Code Sandbox是的，你應該從閱讀React文檔 https://reactjs.org/docs/installation.html 開始學習。文檔寫得很好，讀完它你將理解React的基本術語和概念。上面分享的連結指向文檔的第一部分，安裝。
  • React Status 中文周刊 #19 - React Hook發布兩周年回顧
    React Hook 已發布兩年之久，讓我們跟隨推薦文章一起了解下 Hook 的前世今生。除 React 相關外，還有一個框架推薦，近來關於 Tailwind 和 CSS-in-JS 的話題不斷，與其糾結用哪個，不如全都要？應各位大佬要求，二維碼下添加了連結，但閱讀原文更佳哦~電腦閱讀，請閱讀原文。
  • 職場英語學習:Considering different ways to react對他人不幸的...
    新東方網>英語>英語學習>職場英語>職場百科>正文職場英語學習：Considering different ways to react對他人不幸的回覆 2012-12-21 22:20 來源：原版英語
  • React + Redux + React-router 全家桶
    web端開發需要搭配React-dom使用import React from 'react';import ReactDOM from 'react-dom';const App = () => (  <div>      <
  • react腳手架create-react-app入門
    記得關注，每天都在分享不同知識不管是哪個前端框架都支持快速開發，通過腳手架可以讓咱們更便捷的構建項目，無需考慮搭建環境問題，今天來聊聊create-react-app腳手架安裝腳手架>npm install -g create-react-app創建項目create-react-app myapp # myapp是項目的名稱，這樣就會在當前目錄生成一個myapp的項目
  • 【重學React】動手實現一個react-redux
    react-redux 是什麼react-redux 是 redux 官方 React 綁定庫。它幫助我們連接UI層和數據層。本文目的不是介紹 react-redux 的使用，而是要動手實現一個簡易的 react-redux，希望能夠對你有所幫助。
  • 3-6-react-redux
    這節課中，我們將學習React與Redux的協同使用，在前面幾節課的示例當中
  • React 源碼解讀之 Custom Renderer
    對於 Web 平臺，這個 Renderer 就是 react-dom，對於 Native 平臺，這個 Renderer 就是 react-native。stage.render()Canvas Renderer 實現方式我們通過引言中第一個 Demo 來分析 Canvas Renderer 的實現方式：// Demo1.jsximport {useEffect, useState} from 'react
  • webpack4+react16+react-router-dom4從零配置到優化,實現路由按需...
    上一篇介紹了下webpack的一些配置，接下來講下reactRouter4裡面關於路由的一些配置，如何做到模塊的按需加載，這也是常用的一種優化網站性能的方式
  • React-redux數據傳遞是如何實現的?
    主要內容React數據傳遞reduxReact-redux其他學習目標第一節 react數據傳遞react 中組件之間數據傳遞1. 父傳子2. 子傳父(狀態提升)3.基本使用：見：redux1.js本節作業：理解redux核心創建一個redux數據第三節react-redux1. 安裝：Redux-devtools 使用網址：https://github.com/zalmoxisus/redux-devtools-extension#installation2.
  • react複雜組件 - CSDN
    React一直是一個啟示：一個高級JavaScript框架，不會使事情複雜化，並鼓勵我學習更多ESNext和Babel。 Cloudinary讓我可以通過修改圖像URL對圖像和媒體進行出色的處理，例如創建類似Instagram的濾鏡 ， 轉換圖像等。
  • 30 分鐘精通 React 新特性——React Hooks
    如果你也對react感興趣，或者正在使用react進行項目開發，答應我，請一定抽出至少30分鐘的時間來閱讀本文好嗎？所有你需要了解的React Hooks的知識點，本文都涉及到了，相信完整讀完後你一定會有所收穫。
  • React Hook 入門教程
    ，是學習 react 的一大大門檻，首先你得非常理解 JS 當中的 this 的工作方式，不然你怎麼綁定事件可能都是一個問題。Hook 提供了問題的解決方案，無需學習複雜的函數式或響應式編程技術。函數組件組件的最佳寫法應該是函數，而不是 class。
  • React Status 中文周刊 #26 - Aleph:基於 Deno 的 React 框架
    新年將近，提前預祝大家新年快樂~電腦閱讀，請訪問 https://docschina.org/weekly/react🔥 本周熱門基於 AWS Lambda 的 React 應用服務端渲染 — 通過使用 Lambda 或 Lambda@Edge
  • React系列教程
    但是由於他的學習曲線較高，讓很多想學習前端的人員望而卻步，但是他的聲明式設計、高效、靈活的特點也讓它在前端有著一定的較高地位，也是前端人員必備的技能之一。本課程就讓我們從無到有，一點一滴的系統的學習React.JS，逐漸的成為一名React.JS的使用高手。大綱列表：第一講：初識React.JS1.什麼是React?