> 原文地址:https://www.kirupa.com/react/building_your_first_react_app.htm

通过前面一章的学习,我们已经了解了有关 React 的基本信息,以及它是如何帮助我们轻松创建即使是最复杂的用户界面。但是对于 React 提供的所有精彩来说,刚开始学习它可不是最简单的事情。React 的学习曲线相当陡峭,里面大大小小的障碍不少。

本章会从创建一个简单的 React 应用开始。在学习中,会直接遇到一些障碍,有些障碍我们现在姑且略过。在本教程末尾,我们不仅可以创建一些可以骄傲地展示给朋友和家人看的东西,还可以为后面的教程中 深入 React 打下良好的基础。

阅读全文 »

原文链接:https://www.kirupa.com/react/introducing_react.htm

今天的 Web 应用程序除了外观比过去更好看以外,应用程序的架构和创建方式已经和过去有很大的不同。为突出这点,我们来看看如下的应用:

这是一个简单的商品目录浏览应用程序,它和这种类型的其它应用程序一样,通常包含一个主页、一个搜索结果页、一个详情页等等。

阅读全文 »

JavaScript 函数式编程

实例讲解 JS 函数式编程 (第一部分)

实例讲解 JS 函数式编程 (第二部分)

什么是函数组合

什么是纯函数?

将方法从对象中解耦

Eric Elliott 的《组合软件》系列文章

0. 简介

1. 函数式编程的兴衰

2. 为什么要在 JavaScript 中学习函数式编程?

3. 函数式程序员的 JavaScript 介绍

4. 高阶函数

5. Reduce

6.函子与范畴

7.函数式 Mixins

8.ES6中的JavaScript工厂函数


React 入门教程

以下教程翻译自微软印裔资深程序经理 Kirupa Chinnathambi 的博客,个人认为是最浅显易懂的 React 入门教程之一,所以就花时间翻译出来了。我们在实际教学中也用此教程入门,效果还不错。推荐 React 初学者用本教程入门。

1:React 简介

2:创建第一个 React 应用

3:React 中的组件

4:在 React 中设置样式

5:创建复杂的组件

6:传递属性

7:深入 JSX

8:处理状态

9:从数据到 UI

10:React 中的事件

11:组件的生命周期

12:在 React 中用 React Router 创建单页应用

13:用 React 创建一个简单的 Todo List 应用

14:在 React 中访问 DOM 元素

15:设置 React 开发环境


React 晋级教程

1:React Router

2:容器组件

3:Redux

4:如何组织真正的 Redux/React 应用程序

5:展示性组件和容器组件


NodeJS 教程

1. 开始使用 Node.js

2. 使用 NPM

3. 理解异步编程

4. 第一个 Node.js HTTP 服务器

5. Node.js 数据库教程

6. Node.js Request 模块

7. Node.js 项目结构

8. 使用 Passport.js 进行 Node.js 身份验证

9. Node.js 单元测试

11. Node.js 安全教程

12. 如何部署 Node.js 应用程序