文档章节

react学习资源汇总

逆蝶_Snow
 逆蝶_Snow
发布于 2016/12/01 19:48
字数 1041
阅读 315
收藏 27
点赞 0
评论 0

react-tutorial

a tutorial react collection and sort,let you easily get started and organized

主要是搜集整理react生态从入门到深入的教程、工具和自己做的demo,以便日后查阅 :blush:

设计思想

学习React之前,我们先了解一下它的设计思想,它与如今其他热门的前端框架有什么不同?它能为我们的开发解决哪些痛点?

  1. React 设计思想
  1. React的设计哲学 - 简单之美
  2. 颠覆式前端UI开发框架:React

初学者入门

文章

可以结合一些简单demo去看文章,例如你在看阮一峰的React 入门实例教程时,可结合他写的入门demo,或官方给的demo。当然你也要边学习边自己去写一些简单demo,去改改别人写的一些React 项目。一定要多动手。

  1. React 入门实例教程-阮一峰:建议先看demo
  1. 一看就懂的ReactJs入门教程(精华版)
  2. React 教程-菜鸟教程:安装那节好像有点错
  3. React 入门,5个常用DEMO展示
  4. 如何学习React
  5. 给新手的 React&Webpack 上手教程
  6. ReactJS 傻瓜教程
  7. React 最简单的入门应用项目
  8. 为你定制的 React 学习路线

入门 demo

  1. 官方入门 demo:可结合官方的入门文档
  1. 入门 demo-阮一峰:结合入门文章
  2. 模仿知乎界面的一个简单React demo:结合 ReactJS中文基础视频教程-爱酷

入门视频教程

一定要边看边写,不要囫囵吞枣的看一遍就好了。

  1. React入门-慕课网
  1. ReactJS中文基础视频教程-爱酷
  2. ReactJS中文视频教程
  3. React教程- 汇智网

入门实战视频

了解React开发流程,作者的编码思路,写作规范。

  1. React实战--打造画廊应用(上)
  1. React实战--打造画廊应用(下)
  2. ReactJS中文基础视频教程
  3. 构建实时聊天应用

开发文档

开发其实不用详细去全看,在你做项目时,遇到不懂的就去查看一下文档,我认为这样效率更高一点。当然你有时间也可以一步步去阅读。

  1. 官方文档
  2. 中文文档

学习网站

在学习中我们会遇到 一些问题,可以去社区或一些网站寻找答案,下面推荐一些好的React 社区和学习网站。

  1. React中文社区
  1. React 中文索引
  2. React知识库
  3. A quick start to React
  4. stack overflow
  5. 知乎 React 话题
  6. segmentfault React 话题

React技术栈

React是一款非常优秀的前端框架,你要发挥它完全的性能,你就要结合其他一些技术,例如webpack、redux、react-router等。

  1. React 技术栈系列教程
  1. 百度母婴技术团队—基于Reactjs实现webapp
  2. Building a React Universal Blog App
  3. React为啥非得使用immutable.js
  4. React Server Side Rendering 解决 SPA 应用的 SEO 问题
  5. webpack官方文档
  6. Webpack 中文指南
  7. webpack一小时快速入门
  8. 使用webpack轻松构建你的第一个react开发框架
  9. 入门Webpack,看这篇就够了:写的很不错,逐级深入,适合入门,有点长,耐心看完
  10. react-router
  11. React Router 中文文档
  12. React Router 官方 demo
  13. Redux官网
  14. Redux 中文文档
  15. Redux 官方 demo
  16. Redux 莞式教程
  17. Redux 视频教程
  18. redux 大法好
  19. Flux 傻瓜教程
  20. react+redux渲染性能优化原理
  21. React开发社区

相关好文:

  1. React初体验
  1. React 最佳实践——那些 React 没告诉你但很重要的事
  2. Redux 状态管理方法与实例
  3. 高质量的 React 相关文档和翻译
  4. redux观点
  5. 还在纠结 Flux 或 Relay,或许 Redux 更适合你

相关工具:

  1. react-babel-webpack-boilerplate
  1. react-webpack-generators
  2. React项目可视化生成器
  3. react-starter-kit

规范

  1. react-style-guide

React 开源项目

介绍一些国内外比较好的 React 开源项目。

国内:

国外:

自己练习做的项目

  1. gallery-by-react 地址:https://github.com/cllgeek/gallery-by-react
  1. react-router-tutorial
  2. redux-tutorial
  3. cll's blog


github上地址:react

© 著作权归作者所有

共有 人打赏支持
逆蝶_Snow
粉丝 4
博文 80
码字总数 128703
作品 0
深圳
前端工程师
Web前端开发与设计

学习 React.js 比你想象的要简单 原文地址:Learning React.js is easier than you think 原文作者:Samer Buna 译文出自:掘金翻译计划 本文永久链接:https://github.com/xitu/gold-miner/...

掘金官方 ⋅ 01/02 ⋅ 0

《React-Native系列》React-Native实战系列博客汇总

从2016年7月份开始,坚持写ReactNative系列博客,记录工作中遇到的点滴。 今天把博客汇总如下: 《React-Native系列》1、初探React-Native 《React-Native系列》2、RN与native交互与数据传递...

hsbirenjie ⋅ 2016/11/07 ⋅ 0

React Native 相关资源汇总

原文地址:https://github.com/jondot/awesome-react-native 文章 React Native: Bringing modern web techniques to mobile First impressions using React Native React Packager README.......

OSC编辑部 ⋅ 2015/07/21 ⋅ 1

个人分享--web前端学习资源分享

1.前言 时间过得真快,转眼间现在是2017年最后一个星期,而今天也是圣诞节,过几天也是元旦了。每到年底,大家都习惯总结和分享,我也不例外。但是经历,我之前已经发过了,那么我今天就分享...

⋅ 2017/12/25 ⋅ 0

史上最全的前端资源大汇总

1.前言 最近有很多朋友问我有没有相关的书籍推荐,希望能够自学一下前端。 正好最近在查阅文章的时候,发现有朋友已经进行过总结。 经过沟通和“行贿”��,终于取得转载权利,在此感谢晚晴...

mr_lp ⋅ 2017/01/13 ⋅ 0

整理了一份React-Native学习指南

自己在学习React-Native过程中整理的一份学习指南,包含 教程、开源app和资源网站等,还在不断更新中。欢迎pull requests! React-Native学习指南 本指南汇集React-Native各类学习资源,给大...

太阳黑子 ⋅ 2016/11/03 ⋅ 0

Reactive Native学习资料汇总

1.关于React Native,您想知道的都在这里了(https://my.oschina.net/osccreate/blog/778348) 2.React Native 入门(http://reactnative.cn/docs/0.44/getting-started.html) 3.React 设计模式......

IT追寻者 ⋅ 2016/10/31 ⋅ 0

jQuery

前端基础进阶:全方位详细图解面向对象、构造函数、原型与原型链 这是一篇非常适合新手理解关于面向对象一切的文章,解答了为什么我们会使用构造函数与原型,构造函数与原型的本质以及 new ...

掘金官方 ⋅ 01/08 ⋅ 0

teambp/ScaffoldClient

2017/12/04更新 更新首页loading层加载,避免资源未加载完毕,就登录 增加npm run dev命令,开发环境启动请用此命令(同以前的npm run start),不用配置静态资源服务器!!!! npm run star...

teambp ⋅ 2017/11/12 ⋅ 0

Facebook 新开源项目使创建 React 项目变得容易

Facebook的 React 项目是一个开源库,它允许开发人员快速构建应用程序以及在JavaScript中构建它们的用户界面。但是,这有点过于轻描淡写了,因为除了JavaScript,你还必须学习很多的工具,才...

oschina ⋅ 2016/07/24 ⋅ 9

没有更多内容

加载失败,请刷新页面

加载更多

下一页

大数据工程师需要精通算法吗,要达到一个什么程度呢?

机器学习是人工智能的一个重要分支,而机器学习下最重要的就是算法,本文讲述归纳了入门级的几个机器学习算法,加大数据学习群:716581014一起加入AI技术大本营。 1、监督学习算法 这个算法由...

董黎明 ⋅ 27分钟前 ⋅ 0

Kylin 对维度表的的要求

1.要具有数据一致性,主键值必须是唯一的;Kylin 会进行检查,如果有两行的主键值相同则会报错。 2.维度表越小越好,因为 Kylin 会将维度表加载到内存中供查询;过大的表不适合作为维度表,默...

无精疯 ⋅ 31分钟前 ⋅ 0

58到家数据库30条军规解读

军规适用场景:并发量大、数据量大的互联网业务 军规:介绍内容 解读:讲解原因,解读比军规更重要 一、基础规范 (1)必须使用InnoDB存储引擎 解读:支持事务、行级锁、并发性能更好、CPU及...

kim_o ⋅ 34分钟前 ⋅ 0

代码注释中顺序更改 文件读写换行

`package ssh; import com.xxx.common.log.LogFactory; import com.xxx.common.log.LoggerUtil; import org.apache.commons.lang3.StringUtils; import java.io.*; public class DirErgodic ......

林伟琨 ⋅ 42分钟前 ⋅ 0

linux实用操作命令

参考 http://blog.csdn.net/qwe6112071/article/details/50806734 ls [选项] [目录名 | 列出相关目录下的所有目录和文件 -a 列出包括.a开头的隐藏文件的所有文件-A 同-a,但不列出"."和"...

简心 ⋅ 58分钟前 ⋅ 0

preg_match处理中文符号 url编码方法

之前想过直接用符号来替换,但失败了,或者用其他方式,但有有些复杂,这个是一个新的思路,亲测可用 <?php$str='637朗逸·超速新风王(300)(白光)'; $str=iconv("UTF-8","GBK",$s...

大灰狼wow ⋅ 今天 ⋅ 0

DevOps 资讯 | PostgreSQL 的时代到来了吗 ?

PostgreSQL是对象-关系型数据库,BSD 许可证。拼读为"post-gress-Q-L"。 作者: Tony Baer 原文: Has the time finally come for PostgreSQL?(有删节) 近30年来 PostgreSQL 无疑是您从未听...

RiboseYim ⋅ 今天 ⋅ 0

github太慢

1:用浏览器访问 IPAddress.com or http://tool.chinaz.com 使用 IP Lookup 工具获得github.com和github.global.ssl.fastly.net域名的ip地址 2:/etc/hosts文件中添加如下格式(IP最好自己查一...

whoisliang ⋅ 今天 ⋅ 0

非阻塞同步之 CAS

为解决线程安全问题,互斥同步相当于以时间换空间。多线程情况下,只有一个线程可以访问同步代码。这种同步也叫阻塞同步(Blocking Synchronization). 这种同步属于一种悲观并发策略。认为只...

长安一梦 ⋅ 今天 ⋅ 0

云计算的选择悖论如何对待?

人们都希望在工作和生活中有所选择。但心理学家的调查研究表明,在多种选项中进行选择并不一定会使人们更快乐,甚至不会产生更好的决策。心理学家Barry Schwartz称之为“选择悖论”。云计算为...

linux-tao ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部