Webpack&React&Kanban (一) 开篇

在GitHub上发现的学习webpack和react的很好的文章，原文链接

前言

  这几年，前端技术的发展快到不要，新的技术不停的被Get，我接下来要学习的就是最近比较火的Webpack和React，因为它们可以帮助我们快速搭建各种web应用程序。

什么是Webpack?

  web浏览器是用来处理Html，JavaScript以及Css的，我们当然可以直接在Html中完成我们所有的功能，这对于像Hello World这样的程序，看起来没什么问题，但随着功能的增多（对于好的产品需求总会越来越多），由分工不清带来的问题将让我们的程序员变的异常烦燥。

  当然这难不倒我们，我们可以分离我们的JavaScript及Css到不同的文件中，在页面中使用script及style标签来加载它们，呃，只是这看起来还是不够好。

  我们会经常的编译及打包我们的程序，所以就需要一些自动化的工具来完成这些工作，Gulp和Grunt可以帮助我们，但我们必需写许多相关的配置。

Webpack如何改变现状?

  Webpack采取了其它的做法，它把我们的工程看做是一个具有相互依赖的关系图，你可以在你的index.js中使用标准的import语法引入你的依赖，同样的我们也可以import样式表，图片，或其它需要的资源。

  Webpack会帮我们处理并打包我们的程序。它的功能非常强大，相应的学习起来会有一点儿曲线，但是当你明白了Webpack的工作原理，它将成为你不可或缺的一个工具。作者（指GitHub的作者）说会帮助我们尽快的掌握这个工具。

React是什么?

  它是由FaceBook开发的，一个JavaScript库，把应用中与用户界面相关的视图抽象成各个独立的组件，一个组件可以是一个表单输入框，可以是一个按钮，或其它界面中的元素，并且可以在一个组件中组合其它组件。

  React只专注于视图，所以你可能会增加一些其它的库来补充它的不足，但正因它是一个组件而不是一个框架，所以它更少约束，且开箱即用。

  React的意义还在于，它展示了一种基于组件的开发方式，开发我们的web应用。

怎样学习？

  作者将教我们建立一个看板应用，这个应用将让我们学到怎样实现一些我们自已的想法，并且在这个过程中，你会知道哪些库是有用的，并可以更好的指导你的技术选型。

Kanban（看板）是什么 ？

  如图看板可以跟踪任务的状态，模拟一个项目的生命周期，每个小卡片任务总是从左到右移动，最终完成。每个卡片任务都包含关于这个任务所需的信息，优先级，必要的条件。

  它非常适合于准备开发或正在开发的产品，我们可以在最左边领取自已的任务，并在看板中移动它来完成这项工作，这样做可以让我们随时了解我们工作的进度，当每个任务完成时是很有成就感的。

怎样创建看板 ？

  创建看板最简单的方式是一打便利贴外加一面墙，之后把墙划分成若干列，‘列’有几种状态，待办，处理中，已完成。所有任务都是从待办开始，你将会将它移动经过处理中最终变为已完成状态，创建看板是简单的。

  上面说的只是最简单的情况，可以调整列来满足你的需求，例如你如果对要对软件工程建模，你可能会需要增加测试和部署这两列。

有哪些可用的看板

   Trello 是最知名的在线看板，Sprintly是一个开源的由React实现的看板，还有Meteor 它是基于Wekan的。