React相关内容

一、react开发环境的熟悉
二、在react开发环境下,结合antd-mobile以及antd-design组件的使用。
三、reduex的了解以及基本使用
四、项目中相关模块功能实现的叙述(如销售报价相关·)

一、react开发环境相关:

一般我们可以使用react的脚手架工具(create-react-app)或者通过手动配置webpack来初始化一个react工程项目。

react的脚手架工具本身集成了Webpack,并配置了一系列内置的loader和默认的npm的脚本,可以很轻松的实现零配置就可以快速开发React的应用。

  • 使用脚手架工具(create-react-app)初始化react项目的过程
    1.全局安装react的脚手架工具create-react-app
    npm install -g create-react-app
    2.使用脚手架工具来创建一个react的初始化项目
    create-react-app my-app
    3.进入到该工程目录并执行就可以打开当前初始完成的这个react工程了。
    cd my-add
    启动编译当前的React项目
    npm start

  • 手动配置webpack来初始化一个react项目
    通过手动配置webpack来创建一个react的初始化项目是比较繁琐的,不仅要去安装一些处理各种资源的包,而且还要去分别去设置,比起使用脚手架工具来说比较慢。

  • react的语法、基本使用、css模块化、生命周期、路由的认识和使用,以及react中常用到的es6语法。

二、antd-mobile以及antd-design的了解以及其在react开发环境中的使用。

antd-mobile相关以及create-react-app结合antd-mobile的使用案例
antd-design相关以及react+webpack+antd-design的使用案例

三、react中状态管理工具redux的基本了解以及使用

redux的基本理解

redux 是一个专门用来管理数据业务或逻辑状态的框架,它也可以实现代码结构的规范化并提供组件之间通信的便利。

redux使用的场景和其存在的必要性

redux001.jpg

如果没有Redux,传递state是非常麻烦的。Redux中,可以把数据先放在数据仓库(store-公用状态存储空间)中,这里可以统一管理状态,然后哪个组件用到了,就去stroe中查找状态。如果途中的紫色组件想改变状态时,只需要改变store中的状态,然后其他组件就会跟着store中状态的改变自动进行改变。

redux的几个重要特点

  • 单一数据源 整个应用的 state 被存储在唯一的Store中。
  • state 是只读的 唯一改变 state 的方法就是触发 action。
  • 为了实现根据 action 修改 state值,需要编写 Reducer。它接收先前的 state 和 action 返回新的 state 。

store:用来管理 state 的单一对象,其中有三个方法。

  • store.getState():获取state ,经过 reducer 返回了一个新的 state,可以用该函数获取。
  • store.dispatch(action):发出 action,用于触发 reducer 更新 state,
  • store.subscribe(listener):监听变化,当 state 发生变化时,就可以在这个函数的回调中监听。
  • action:Action 的作用就是告诉状态管理器需要做什么样的操作。
  • reducer:reducer 是一个函数,接受 旧 state 和 action,根据不同的 Action 做出不同的操作并返回新的 state。
redux工作流程

connect:react-redux中的模块,连接 React 组件与 Redux Store,定义该参数后组件就可以监听 Redux Store 的变化,任何时候只要store发生变化,该函数就会被调用。

四、相关模块功能实现的叙述(销售报价为例)

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,185评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,445评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,684评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,564评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,681评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,874评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,025评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,761评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,217评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,545评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,694评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,351评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,988评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,778评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,007评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,427评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,580评论 2 349

推荐阅读更多精彩内容