如何撸出成功的前端产品

前言

image.png

作者刘俊余，擅长前端开发(Html5,ReactNative,Js框架)
时光荏苒，岁月穿梭。哈哈哈。多么老套的开头，本人从事写代码已经7年之久。这里想和大家分享下关于前端项目。 其实不管是前端还是后台从事三年以上，对现有的一些框架以及常用的第三方组件已经玩得滚瓜烂熟了。那可曾想过做出一个成功的产品呢？

什么是成功的项目？

项目成功的真正原因。也就是符合了事物发展的规律，也就是道。得道得自昌。

很多人每天都在造轮子，一大批都还没有赋能就被埋在git仓库中。你做项目是为了给大家使用的，推广出去的项目，使用的人数多了才是好项目。

第一种

• 公司内部赋能，推广全网
  React 起源于 Facebook 的内部项目，并于 2013 年 5 月开源。React 拥有较高的性能，代码逻辑非常简单。于2011-10-26发布第一版。
  Facebook认为MVC无法满足他们的扩展需求，由于他们非常巨大的代码库和庞大的组织，使得MVC很快变得复杂。解决这个问题需要“以某种方式组织代码，使其更加可预测”，这通过Flux和React已经完成。

Flux是一个系统架构，用于推进应用中的数据单向流动。React是一个JavaScript框架，用于构建“可预期的”和声明式的”Web用户界面”，它已经使Facebook更快地开发Web应用。

React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图），重视图层。
关键词

• 公司内部赋能
• 第一个Virtual DOM
• 创造

第二种

• 作者nice，文档舒服
  vue.js

在为AngularJS工作之后，Vue的作者尤雨溪开发出了这一框架。他声称自己的思路是提取Angular中为自己所喜欢的部分，构建出一款相当轻量的框架。^[8]Vue最早发布于2014年2月。作者在Hacker News、Echo JS与Reddit的/r/javascript版块发布了最早的版本。一天之内，Vue就登上了这三个网站的首页。^[9]Vue是Github上最受欢迎的开源项目之一。同时，在JavaScript框架/函数库中，Vue所获得的星标数仅次于React，高于Backbone.js、Angular 2、jQuery等项目。
引用vue wiki

关键词

• 尤雨溪 创造
• 12年左右诞生
• 文档都中文的，对英文要求不高，非常友好
• 非常注重 Vue 的简单和易用性
  Vue 作者尤雨溪专访
  其他成功的特性，大家也可以总结一下

第三种

• 特定的时间，搭建具有指导意义的项目
  比如说vue2项目
  这项目作者当时在vue2推出之后就想尝试一下。然后网上搜了一堆无用的文章。就自己动手快速搭建了一个完整ele的翻版。 然后不断的修复issue并且提供vue2使用思路。这样的项目非常容易成功，因为受众太多，那个时候基本上所有前端都会有此痛点。

关键词

• 特点时间
• 快速
• 项目完整
• 注重Vue2新特性的使用

怎么才能撸出成功项目

• 不要撸网上已经有的项目
  网上已经有一堆人实现了。你只要参考别人的项目，参考别人文档，最low的就是copy过来修修改改。核心思想你都可以不用吃透。这种项目不做出革命性改变，解决致命问题是不是有所发展的

• 一定要做迭代计划
  人的经历总是有限的，需求又在不断的变化。框架使用者肯定会不断的提出issue,你要做取舍并且安排时间迭代，不要放置不管，或者认为做出来就是完美的东西

• 一定要完善相关文档
  其实程序员缺的不是代码功底，缺的是审美和文档。 你不能让别人快速的使用你的框架，或者跑一步N个报错。那就没人玩了，使用者会认为是你的代码有问题。 使用文档，操作文档，api文档，接口文档等等都要完善

• 把项目当成产品去维护
  我们都是服务者提供商。 我们要把我们的产品打造的无与伦比，提供一系列完善的服务，比如说演示demo，官网介绍，讨论社群。为此我们可能要花大把的经历和金钱去做。这个自己可以做取舍

好啦。 总结到这里。 希望大家可以撸出另自己满意的框架或者产品！！

2018年我们将越来越好
本人长期维护的前端公众号欢迎大家关注

前端那些事