react day one 让陡峭的学习曲线平缓一点

前言

最近从javascript向react的跳跃过程至关的痛苦。可能自己在js的掌握上就存在问题,再加上最近前端的发展实在是日新月异。从ES6的公布,再到模块化管理的飞速发展,整个前端简直是天翻地覆。不过,和当年后端从汇编语言向高级语言的飞跃相比,此次的飞跃仍是须要对js至关的熟练,直接上手难度较高。这里先简单的罗列一下我在学习过程当中使用的一些参考资料供你们分享。javascript

javascript篇

书本

JavaScript高级程序设计(第3版)非扫描版 适合新手入门js
JavaScript DOM编程艺术(中文第2版) 适合对js的渗入理解html

网络教程

廖雪峰的javascript全栈教学 这个教程挺全面,并且也更新到了ES6前端

React篇

react是一个前端页面框架,用于模块化html界面上的各个元素。java

react官方网站 从react的tutorial开始本身实现一个tic-tac-toe,而后开始阅读document
经过react实现一个简单的web游戏 试着看懂做者的代码react

React dva

这是蚂蚁金服推出的在react的基础上实现的集成框架。它可让你暂时免去相似于webpack等集成工具的学习。可是dva的学习真的是很烦恼,由于它涉及了很多的基本的框架例如reduxreact-router。当你试着去看它的docs的时候可能不得不在不少的教程之间跳来跳去。
因此我将看教程的过程给你们整理一下:webpack

dva 知识图 不一样于react,这里先看一遍知识图,了解必备的ES6以及相应的框架中的模块的功能
dva 快速实践 这里能够利用dva工具直接建立一个demo项目,在完成了这个项目后能够在返回上一个文档重温一下这些概念
dva 正式文档git

辅助知识github

redux教程 由于dva遵循了redux的思想,能够深刻挖掘一下
react-router 廖雪峰的教程 恩还没看,不过能够经过这个教程简单了解一下react-routerweb

还有不少的教程正在路上。react可谓是颠覆了整个前端的思路,将前端从仅仅是操纵DOM中完全升级。后序我会继续分享个人教程之旅~编程

相关文章
相关标签/搜索