0%

Node.js 太火了,火到几乎所有前端工程师都想学,几乎所有后端工程师也想学。一说到 Node.js,我们马上就会想到“异步”、“事件驱动”、“非阻塞”、“性能优良”这几个特点,但是你真的理解这些词的含义吗?这篇教程将带你快速入门 Node.js,为后续的前端学习或是 Node.js 进阶打下坚实的基础。
阅读全文 »

这一部分我们进一步将状态和渲染剥离,提出了 Presentational Component 和 Container Component 的概念,Container Component 用户处理 状态相关的内容,Presentational Component 则是 React 的领地。当我们进行了这种状态和渲染的剥离之后, 你会发现我们使用 Redux 在 React 上面盖了一个状态循环图,把和状态有关的内容全部剥离出来了,React 最终只需要专注做好它擅长的事情:更好更高效的构建用户界面!
阅读全文 »

这一部分我们将运用上一部分学到的 Redux 三大核心概念来将待办事项的剩下部分重构完成,它涉及到将 TodoList 和 Footer 部分的相关代码 重构到 Redux。最后我们介绍了当 rootReducer 函数逐渐复杂时,我们可以使用 Redux API combineReducers 进行逻辑拆分和组合,使得我们可以 在使用 Redux 便利的同时,又不至于让应用的逻辑看起来臃肿不堪,复用 React 组件化的便利,我们可以让状态的处理也 “组件化”。
阅读全文 »

在一部分我们将介绍 Redux 的三大核心概念:Store,Action,Reducers。Store 用于替代原 React 中的 this.state,有着数据的唯一真相来源之称。 Action 用于替代原 React 中发起改变 this.state 的动作,它在 Redux 中是用来改变数据的唯一手段。Reducers 是用来响应 Action 指令,更新 Store 状态的纯函数,用于替代原 React 中的 this.setState 更新状态方法。
阅读全文 »

前端状态日益复杂,随着进入2019年,大前端时代到来,前端愈来愈注重处理逻辑,而不只是专注 UI 层面的改进,而以 React 为代表的前端框架的出现,大大简化了我们编写 UI 界面的复杂度,但是逻辑层就交给了开发者,虽然 React 提供了 State,this.props.parentMethod() 等 API 帮助你编写逻辑,也有诸如 “状态提升” 等开发约定,帮助减少程序的不可控性,但是所有的这些都只能在小型应用上适用,当你的前端应用有多达 10 个以上的页面时,如何让应用状态可控,如何让协作开发高效就是一个亟待解决的问题,而 Redux 的出现正是为了解决这些问题而生的!Redux 提出的 “数据的唯一真相来源”,单向数据流,“纯函数 Reducers” 大大简化了前端逻辑,使得我们可以以高效的、便于协作的方式编写任意复杂的前端应用。本篇教程致力于用简短的文字讲透 Redux,让你快速了解 Redux 概念的同时,还能完成一个待办事项小应用。
阅读全文 »

Node.js 已经成为 Web 后台开发圈一股不容忽视的力量,凭借其良好的异步性能、丰富的 npm 库以及 JavaScript 语言方面的优势,已经成为了很多大公司开发其后台架构的重要技术之一,而 Express 框架则是其中知名度最高、也是最受欢迎的后端开发框架。在这篇教程中,你将了解 Express 在 Node 内置 http 模块的基础上做了怎样的封装,并掌握路由和中间件这两个关键概念,最终开发出一个简单的个人简历网站。
阅读全文 »

Django 是 Python 社区的两大最受欢迎的 Web 框架之一(另一个是 Flask)。凭借功能强大的脚手架和诸多开箱即用的组件,用 Django 搭建 Web 应用快速而又省力。然而,也正是因为过于强大,想要驾驭它需要花费不少的力气。本文将通过实现一个新闻发布网站带你快速熟悉 Django 框架,让你能够骑上这匹快马,在 Web 开发的战场上尽情驰骋。
阅读全文 »

React (也被称为 React.js 或者 ReactJS)是一个用于构建用户界面的 JavaScript 库。起源于 Facebook 内部项目,最初用来架设 Instagram 的网站,并于 2013 年 5 月开源。React 性能较高,并且它的声明式、组件化特性让编写代码变得简单,随着 React 社区的发展,越来越多的人投入 React 的学习和开发,使得 React 不仅可以用来开发 Web 应用,还能开发桌面端应用,TV应用,VR应用,IoT应用等,因此 React 还具有一次学习,随处编写的特性。本教程将带你快速入门 React 开发,通过 20-30 分钟的学习,你不仅可以了解 React 的基础概念,而且能开发出一个待办事项小应用,还在想什么了?马上学起来吧!
阅读全文 »

这是 React 入门教程的第二部分,主要介绍了组件、不可变性、列表和 Key 等知识,通过再次进行组件状态提升 来强调其在 React 哲学中的重要地位。这一部分与上一部分很好的串联在一起,相比上一部分内容会更有难度一点。
阅读全文 »

本篇教程通过构建一个井字棋游戏来讲解 React 的基础知识,是非常经典的 Learn by doing 的教授/学习技术的方式。通过学习本篇教程你不仅可以学习到如何使用脚手架初始化项目,学习 React 的基础知识如 props,state,组件等,还可以学习一些编写代码的最佳实践,最后完成一个带有 “时间旅行” 的井字棋游戏。相信你在学习完本篇教程之后,会成为这场游戏里面的最大胜者!
阅读全文 »