数说前端技术,分类回顾点评。1. 前端1.1 工具1.1.1 构建工具gruntgulpwebpackfis3cooliejdf精彩点评:1.1.2 编译工具babelbrowserify精彩点评:1.1.3 包管理工具npmbowercomponent精彩点评:1.2 前端类库和框架1.2.1 类...
声明:本文基于kazaff翻译的https://medium.com/@meagle/understanding-87566abcfb7a修改,内容仅供交流学习。通过前面两部分的知识讲解,我们可以使用Redux进行项目开发了。但是,要用好Redux,我们需要深入理解并使用其Middleware,并了...
重要提示: 本教程配套示例代码请前往redux-complete-sample下载,课程中会有大量的示例操作,操作说明均基于这个配套的示例代码仓库,所以为了方便学习,请务必下载安装并启动。在前一部分内容中,我们学习了基础部分的Redux知识,并且完成了几个示例练习。如果你已经都能够轻松掌握了,恭喜你...
重要提示: 本教程配套示例代码请前往redux-complete-sample下载,课程中会有大量的示例操作,操作说明均基于这个配套的示例代码仓库,所以为了方便学习,请务必下载安装并启动。在开始往下阅读之前,我默认你已经学习了前面的课程,并且掌握了Webpack、ES6、React等知识的应用。在前...
按照惯例:以下操作前先下载并启动脚手架项目:https://github.com/GuoYongfeng/webpack-dev-boilerplate1. Router,hashHistory,Route首先下载react-router$ npm install react-router --sa...
当你问关于React和AJAX的时候,专家们告诉你的第一件事就是React只是一个view library,而且React没有networking/AJAX的特性。我们都知道但不是特别有帮助的是,当我们只想从服务端拿到数据传递给React Components。事实是,我们会有很多方法来实现。你自己...
本次课程的完整代码在这里:https://github.com/GuoYongfeng/github-notetaker-app0.介绍 INTRODUCTION我们计划用最近所学的技术知识来完成一个完整且实用的功能应用,这个应用具有以下功能:通过搜索github上的用户名来检索该用户的基本信息可以...
基本规范每个文件只包含的一个 React 组件(联系紧密的组件可以使用「命名空间的形式」)。始终使用 JSX 语法,不要使用 React.createElement 创建 ReactElement,以提高编写速度、可读性、可维护性(没有 JSX 转换的特殊场景例外,如在 console 中测试组件)...
以下内容基于原创作者YiMinghe的文章修改。1. 在你的github建立组件 git 库git@github.com:GuoYongfeng/rc-component-tutorial.git2. 搭建脚手架npm install rc-tools yo generator-rc -gmkdir...
自2013年5月份facebook将React开源以来,截至目前已经在github上收获了超过3万个star。衍生的React Native项目(andriod和ios版本)也在今年9月份完成发布。Chapter 1 -- 入门篇1. 基本认识 #React是一个用于构建用户界面的JavaScrip...
编者按:除组件化、虚拟DOM在复用以及性能上带来的一般好处外,React思想使得开发者之间更好的分工与合作,在配合上非常顺畅,规范的接口以及极强的约束,使得整个代码结构清晰,不同开发者的代码高度一致。本次课程示例代码请前往react-tutorial。 示例中采用ES6语法来写React组件代码,提...
webpack是一款强大的模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。完整进行本次练习后,你将具备独立搭建一个基于webpack的项目脚手架,方便以后项目的快速开发使用。这里有一个我写的项目脚手架,欢迎一起交流...
在项目中80%的时间用到的ES6语法只占其20%,所以我们暂时先集中精力把这20%学好,那就差不多够用了,剩下的可以看书或是查文档,现学现用。重要提示:教程的示例代码请前往es6-demo,下载后可以结合这个讲义进行学习操作。1.let && constlet和const的出现让js...
本文内容整理自thejameskyle翻译的的babel-handbook。另外,学习指南对应的教程包请参见babel-starter-kit。还有为你贴心制作的 Babel Gitbook。介绍Babel 是一个通用的多用途 JavaScript 编译器(Babel is a JavaScript...
React 系列课程面向初中级前端开发人员以及感兴趣的开发者,我们希望你具备 HTML, CSS 和 JavaScript 的Web 开发的基础,同时希望你具有以下的基本开发环境配置以及基本知识储备。如果对课程及内容有任何反馈,请到这里。接下来,我们将从语言特性、代码风格、构建工具、依赖管理、路由管...