Li Hui Blog

最近我在网上发现了很多新的效率产品，这些效率产品， 从宣传来看能极大地上提高人的效率, 但是它们的使用门槛比较高，需要人们按照它的固有的操作流程来操作才能有效果，而且这个软件呢，有没有对用户的引导，这对于一般人来说可能会有一个很长的尝试摸索期，才能去摸索出这个产品针对于自身来说真正能提率的地方，软件到底如何使用，每个人都有每个人都想法，在我这里有一个观点，软件是一种实现的工具，它帮助我们进行一系列的改善，充当着助理的角色，但是这个助理还是无法像专业人士（比如秘书）一样可以直接理解我们所有的内容，因此需要我们去按照既定的规则给它输入信息才能更好的帮助我们协作，对于既定的规则，软件的创作者和软件的使用者的逻辑可能会有（或者说一定会有，自显的产品太少了）偏差，因此在软件开始的时候如果有一个更好的方式，引导客户完成即有的流程，比如如何使用该软件，可以让用户以一种较为通用的规则去使用（比如记账软件的默认记账类别和默认的记账信息），通过引导，减少用户上手的门槛，提升用户体验，这里其实也让我感受到 UX 的重要性。

我们上一期完成了 gocd 的基本安装，安装完成了，但是存在一个问题，我们安装完成 gocd 是没有任何安全措施的，任何人都可以建立 pipeline 任何人都是 admin, 可以操作我们的 pipeline 等信息，这会造成一个问题，数据的安全没办法保证，因此我们需要有一个密码来确保我们 pipeline 的安全性，那如何在 gocd 中设置密码就成为一个关键的事情，也不能说网上没有设置密码的范本，而是一个完整的范本分散在多个地方，我在此做一个缝合剂，将所有的内容缝合起来，给自己的内容做一个梳理，同时帮助其他人也解决这个问题。

gocd作为一个一体化的CICD工具在世界五百强中占有很大的分量，我的公司是 Thoughtworks 正是开发维护gocd的公司，我的日常工作中也是使用的gocd, 翻了一些网站，对于gocd的介绍比较少, 恰逢最近我在学习一下gocd 的知识，因此总结一下 gocd 的使用并分享出来。

gitbook 是一个极好的工具帮助我们来写一个富有逻辑性的书籍。使用 gitbook cli 可以轻松地帮助我们非写作化的进程，使得我们更加专注于写作本身。

关于 gitbook cli 工具其实写作的内容并不多主要涉及的是两个方面，第一个是对应的 node 版本要选择正确，此步骤可以采用 node 版本控制工具 nvm 解决， 第二个就是 gitbook cli 工具的使用方法。

我们上一节封装了一个按钮，这一节我们继续理解封装的概念和了解封装组件需要注意的事项

首先我们回顾上一篇最后的代码，代码如下

 1const Button = ({color,text}) =>{
 2    return {
 3        type: 'button',
 4        props: {
 5            className: `btn btn - $ {
 6                color
 7            }`,
 8            children: {
 9                type: 'em',
10                props: {
11                    children: text,
12                },
13            },
14        },
15    };
16}

我们最终调用的形式如下所示 Button({color:‘blue’, text:‘Confirm’}) 进行创建，其实我们发现 Button 和 button 或者和 em 一样都可以 作为一个元素存在，我们可以以 Button 为基础创建特定属性的按钮，将其称为自定义类型的元素 或者可以称为组件元素。和上一节相同，我们可以采用 JSON 结构来描述它

上一节，我们使用 create-react-app 生成示例程序的代码，这一节我们详细介绍下如何进行修改代码

看了一些 React 的书籍，其实 React 使用 JSX 语法，将程序的模块化和抽象做的很好。

我们新建立的程序的目录如下

最近在公司中的项目中是一个 React native 开发的程序，因此就有了这个文章，搭建第一个 React 的程序。

这个应该会很快写完，毕竟比较简单，这篇文章的目的还是尝试如何创建第一个React程序