react資源彙總 react tutorial

2021-07-26 22:18:05 字數 2032 閱讀 9002

react是如今最熱門的前端框架,它設計思路獨特,效能卓越,邏輯簡單,受到了廣泛開發者的喜愛。一旦接觸她,你就會被她深深吸引。 我斷斷續續的學了將近兩個月,今天終於有時間把自己學習react的一些學習資料總結一下。

react 官方

學習react之前,我們先了解一下它的設計思想,它與如今其他熱門的前端框架有什麼不同?它能為我們的開發解決哪些痛點?

react 設計思想

react的設計哲學 - 簡單之美

顛覆式前端ui開發框架:react

可以結合一些簡單demo去看文章,例如你在看阮一峰的react 入門例項教程時,可結合他寫的入門demo,或官方給的demo。當然你也要邊學習邊自己去寫一些簡單demo,去改改別人寫的一些react 專案。一定要多動手。

react 入門例項教程-阮一峰:建議先看demo

react 教程-菜鳥教程:安裝那節好像有點錯

react 入門,5個常用demo展示

如何學習react

給新手的 react&webpack 上手教程

reactjs 傻瓜教程

react 最簡單的入門應用專案

官方入門 demo:可結合官方的入門文件

入門 demo-阮一峰:結合入門文章

一定要邊看邊寫,不要囫圇吞棗的看一遍就好了。

react入門-慕課網

react教程- 匯智網

了解react開發流程,作者的編碼思路,寫作規範。

react實戰--打造畫廊應用(上)

react實戰--打造畫廊應用(下)

構建實時聊天應用

開發其實不用詳細去全看,在你做專案時,遇到不懂的就去檢視一下文件,我認為這樣效率更高一點。當然你有時間也可以一步步去閱讀。

官方文件

中文文件

在學習中我們會遇到 一些問題,可以去社群或一些**尋找答案,下面推薦一些好的react 社群和學習**。

react中文社群

react 中文索引

react知識庫

a quick start to react

stack overflow

知乎 react 話題

segmentfault react 話題

react是一款非常優秀的前端框架,你要發揮它完全的效能,你就要結合其他一些技術,例如webpack、redux、react-router等。

react 技術棧系列教程

react為啥非得使用immutable.js

react server side rendering 解決 spa 應用的 seo 問題

webpack官方文件

webpack 中文指南

webpack一小時快速入門

使用webpack輕鬆構建你的第乙個react開發框架

入門webpack,看這篇就夠了:寫的很不錯,逐級深入,適合入門,有點長,耐心看完

react-router

react router 中文文件

react router 官方 demo

redux官網

redux 中文文件

redux 官方 demo

redux 莞式教程

redux **好

flux 傻瓜教程

react+redux渲染效能優化原理

react開發社群

資料流管理架構之 redux 介紹

react同構直出優化總結

前端路由實現與 react-router 原始碼分析

如何開發乙個 webpack loader ( 一 )

伺服器端渲染實踐小結

聽說你需要這樣了解 redux

learn react & webpack by building a hacker news front page

介紹一些國內外比較好的 react 開源專案。

國內:國外:

react-router-tutorial

redux-tutorial

cll's blog

收集整理:react-tutorial

React問題彙總

1.呼叫已經寫在的元件的setstate 方法,導致錯誤 問題 warning.js 45 warning setstate can only update a mounted or mounting component.this usually means you called setstate ...

SyncML資源彙總

一 linux伊甸園 技術文件 syncml 簡介 內容 syncml協議簡述 syncml 底層通訊 syncml同步協議 syncml表示協議 syncml 參考工具包 相關資源 二 xml 觀察 syncml 工具箱 在這一 syncml 的最後一部分中,edd dumbil 調查了各種 sy...

rails 資源彙總

1.rbconfig ruby的配置檔案,安裝後就存在,在安裝目錄內,可以檢視ruby詳細的配置資訊 路徑示例 c ruby187 lib ruby 1.8 i386 mingw32 rbconfig topdir file.dirname file chomp lib ruby 1.8 i386 ...