博客

React:创建一个 React 项目的最小配置

这篇文章的目的是让你理解创建一个 React 项目的最小配置过程。React 官方为你提供了创建 React 项目的工具(create-react-app),用它可以很简单创建 React 项目,基本不需要做任何的配置,直接就可以进入到开发过程。但这个过程太过神奇,我认为还是要理解一下,创建一个 React 项目,至少要做的一些配置。

React:快速创建 React 应用

创建 React 项目(2017)

打算创建一个 React 应用,你得先准备一大堆工具,你还得配置一下,让它们可以混合在一起工作。比如你需要编译 JavaScript 用的 Babel,打包用的 webpack,一个在本地运行的服务器等等。

React 现在提供了一个 create-react-app 小工具,使用它可以非常方便的创建 React 项目,它会为你准备好一个简单的 React 项目,并且安装配置好 React 应用需要的所有的工具。

安装工具

确定电脑上已经安装好了 node 与 npm。然后去安装 create-react-app:

npm install -g create-react-app

创建 React 项目

使用 create-react-app 创建一个简单的 React 应用,ninghao-react 是我的 React 项目的名字:

赠送活动即将结束

现在订阅宁皓网,新订用户可以多赠送 6 个月会员时间,老用户续订或重订可以赠送 18 个月。这个活动到本月就结束了 :)

这就去订阅

Drupal 7:支持 emoji 表情符号 😬

Drupal 7.5 开始支持 utf8mb4,一种数据库字符集,有了它你的文章里就可以用 emoji 了,就是这种东西: 😀 😬 😁 😄 😊 。先看一下自己的环境是不是满足 Drupal 的要求,如果满足就可以配置数据库,修改 Drupal 的配置文件,转换数据表,让你的 Drupal 支持 emoji 。

需求

  1. mysql 5.5.3 或以上版本。
  2. PHP MySQL 引擎必须支持 utf8mb4 字符集, libmysqlclient 5.5.3 或以上,mysqlnd 5.0.9 或以上。

Discourse + Docker + 阿里云的痛苦经历

Discourse 论坛我遇到两次资源占满的情况,第一次通过升级解决了问题,过年以后又遇到了占满 CPU 与内存的情况。即使没人访问一样会占满服务器的所有资源。 这次原因可能是之前服务器磁盘满了,Discourse 会在后台循环处理一些任务,比如给用户发送邮件,如果任务无法执行,会不断的重试。这应该就是导致占满资源的原因。在下面这个页面上你会看到重试的任务。访问地址:

sidekiq/retries

导致任务不断重试是因为我的邮件配置有问题。可以使用阿里云的邮件推送服务,宁皓网有相关的课程。

我折腾了一圈,升级 Discourse,升级 Docker,更新 Docker 配置,更换服务器,恢复备份。但实际上,只需要几步就能解决:

cd /var/discourse
./launcher enter app
redis-cli flushall

折腾过程

我用了一台 1 核 2G 的阿里云 ECS 服务器。遇到问题以后,重新启动应用可以维持一段时间,越往后就越严重。最开始想到的是升级 Discourse。

阿里云 ECS 服务器磁盘扩容教程

在阿里云 ECS 服务器上的数据磁盘满了,可以再去给磁盘购买点空间,也就是扩容,这个过程现在并不容易。我花了至少两小时时间,因为一直不太敢执行磁盘相关的命令。下面来说一下给阿里云磁盘扩容的完整流程。

先登录阿里云控制台,找到你要扩容的磁盘,在更多下拉菜单那里,选择 “磁盘扩容”,选择想要的容量,并支付。下图里显示我有个数据盘,大小是 40G,这是我扩容之后的容量,之前它是一个 20G 的数据盘。

合理怀疑:网站无法打开

一大早刚准备开战,收到了核桃姐的微信,说网站打不开了,刷新好几次才行,我试一下果然打不开。跟之前不同的是这次遇到的是网络问题,打开阿里云控制台,检查服务器健康状态,一切正常,打开负载均衡,一切正常。SSH 到某台服务器,也是正常的,Ping 值都是正常的。

抓紧买了两台新的负载均衡,重建让域名指向新的负载均衡,结果还是一样的。我又重建了服务器的安全组,配置了规则,还是不行。我开始怀疑有可能是阿里云本身的问题,我愿意相信是阿里云的问题。嘿嘿。提交了工单,询问状况。结果得到了回馈:

尊敬的客户,您好:
之前由于华东1地域负载均衡https因网络波动导致访问不稳定情况,经过紧急处理已经恢复至正常水平。相关官网公告:
https://help.aliyun.com/noticelist/articleid/20159916.html
同时我们也会对异常情况进行复盘改进,提高业务的稳定性,给您带来的不便,请您谅解。感谢您对阿里云的支持。

如果能发个短信,我就不用折腾了 :) 感谢阿里云的工程师,辛苦了。

A 型水瓶座:不完全安分份子

我是 A 型水瓶座,A 里面带个 O,就是 AO 组合出来的 A 型,我爸是 AB 型,母亲是 B 型,所以我得到的是爸的 A ,妈的 O。老婆小雪是 O 型,我们的小孩是 A 型,她得到是我的 A,妈妈小雪的 O。

我给自己的定位是一个不完全安分份子,热爱自由,所以自由职业好多年了,不是太喜欢被人管理,但是表现出来的又是服从与忠诚,又不是那么地安分。偶尔用点小聪明,讨好一下老板与同事。

想做点伟大的事情,又老是觉得自己能力不够,再等等,还没准备好,再等等,再让我准备准备。现在我隐约觉得,任何事情好像并没有完全准备好的时候。不过我依然在等待那股子冲动。

不要着急,或许真的是还没准备好。上小学的时候,我比同班的同学小一岁,这总是让我有一点心理优势,觉得一年以后我可以超过那些比我好的,因为我比他们小一岁。工作以后也有类似的想法。后来我才想明白,我们的时间是线性的,所有人的状态都是在当前这个时间点上。

新的 Drupal 电子商务框架

18 岁那年我得到一本介绍用一款微软的软件创建电子商务网站的书,很兴奋,不过那本书我只记得标题的一部分。你想在网上卖点什么,可以尝试用 Drupal + Commerce 这个组合来做。Drupal 7 的时代我介绍过 Commerce 这个模块,感觉非常强大,是一套电子商务框架,因为它并没有针对某个具体的工作流程来设计,你完全有能力根据自己的需求去设计你需要的电子商务平台。

我一直想做一个漂亮的电子商务网站,Commerce 有个发行版,不过并不是太吸引人,而且太复杂,我完全不知道是怎么做到的。我希望可以从头开始,这样我知道出了问题,或者遇到问题应该去修改哪里。

是什么决定了我们现在的状态

1953 年的某一天,一个年青人,凑了几块钱,身上背着烙好的煎饼,跳上了火车。他要去一个完全陌生的地方,他对这个地方唯一不那么陌生的只有它的名字,因为他在一封外人的家信里见过。

不久前,他的亲哥哥从前线逃了回来,躲在丈人家的地窖里将近一个月,但还是被人发现,给举报了。来了两个人,把他拖出了地窖,拎到了村边的小河边儿上被毙了。

年青人的爸爸带着小闺女逃到了上海,又从上海跑去了台湾。这就决定了这个年青人的出身,那个年代跟现在一样,出身决定了一切,不同的是,那时出身越贫贱越好。

有天早上,推开门,门口站着几个人,他们把年青人带到了一个屋子里,表哥,嫂子,还有很多亲戚也都在。要求所有人交出家里值钱的东西,年青人胆子小,老老实实的交出了全部的家当。嫂子偷偷地藏了一些,没有交出全部,后来被发现,结果她被乱棍打死了。

环境,胆子小,让这个年青人意识到自己已经不能再在家里了。因为读过几年书,所以村里邻居家收到的信都会请他读。他决定要去他在信封上看到的那个地方,“黑龙江省伊春市南岔区林业二大队”。他的这个决定,影响了你今天看到的这些文字。

1997 年春的某一天,东北某个小地方的火车站,一个三十出头的年青人下了火车,他离开家将近一年了。一年前,他放弃了赌博致富的梦想,决定要出去闯一下,结果并不顺利,这一年他没有往家里打过电话,虽然一直惦念着家里的老婆还有孩子,但他实在没有勇气跟自信打个电话。空着手回家让他非常难过。

从车站到家的这段路他希望可以更长一点,很快他看到了家门,他不确定家里是否有人,几下敲门声,院子里的狗开始叫了起来。一会儿,门开了,是他的儿子,他们没说一句话,像是没分开多久。

下岗以后,他试过很多生意,每一样都没能持续太久,或许是天性决定的,AB 型双子座。不过日子还算不错,有了点积蓄,他决定为家人换个好点的住处。新的邻居,关系处的都不错,他开始跟一个邻居合伙一起做生意。几次变故,生意不能再继续了。

他开始跟邻居打麻将打发时间,他觉得在这方面有点天赋,认为可以靠这个发家致富。赢了钱,大家就一起吃吃喝喝也就花光了,日子并不好过。因为打麻将,经常跟老婆吵架,有一次,一激动差点没把自己的手指剁掉,他发誓从此不再赌,后来真的他做到了。他决定要离开家,出去闯一下试试,家里实在没什么机会。

出去一年回来,跟老婆商量了一下,决定一起再出去试试,他们把孩子寄托给亲戚,又跳上了火车。几个月以后,他们又回到了家,他这次要破釜沉舟,决定不再给自己留什么后路,虽然在外面还没找到能稳定的可以做的事情,他觉得家人要在一起。

回到家以后,卖掉了房子,换了几千块,这是他的全部财产。跟亲戚朋友们做了告别,为孩子办理好退学。晚上,一家人带着几千块钱,床,桌子,跟几套行李,上了托朋友关系没买火车票的行李车厢。挥手跟来送站的亲戚告别,火车开了,他没敢正眼看他的家人,余光隐隐发现他的孩子好像在流泪。



微信好友

用微信扫描二维码,
加我好友。



微信公众号

用微信扫描二维码,
订阅宁皓网公众号。



240746680

用 QQ 扫描二维码,
加入宁皓网 QQ 群。

统计

7584
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点