
React/Redux
文章平均质量分 91
墨霁青玉
个人地址:http://www.chunling.online
邮箱:905179839@qq.com
欢迎志同道合程序员+QQ联系,一起交流探讨技术。
展开
-
redux初步理解
先贴上参考来源:知乎--Wang Namelos redux有三要素:action、store、reducers那么先搞清楚这三个东西是什么,有什么作用。 首先来看reactreact是单向数据流,数据总是从上往下流动,父组件给子组件下发数据。通过父组件下发props给子组件。组件内部会有state,因为整个React没有数据向上回溯的能力,也就是说数据只能单向向...原创 2016-11-25 17:36:26 · 483 阅读 · 0 评论 -
搭建es6+react开发环境---webpack
1、新建项目文件夹,dos窗口cd进 项目根目录2、npm init 生成package.json3、npm install webpack --save-dev 安装webpack4、npm install webpack-dev-server --save-dev 安装webpac-dev-server,可以在localhost:8080打开自己的项目5、新建webpack原创 2017-09-14 15:17:48 · 627 阅读 · 1 评论 -
从零开始搭建react storybook
1.创建项目文件夹Library 2.命令行执行以下语句cd Librarycnpm init -ycnpm i --save-dev @storybook/reactcnpm i --save react react-dom3.进入package.json 找到script,增加“storybook”属性{ "scripts": { "storybook": "start-s原创 2017-10-12 15:09:50 · 5688 阅读 · 0 评论 -
搭建storybook--es6+react+less
1.新建项目文件夹项目结构如下,其中src存放源代码,.storybook和stories为storybook做准备 2.项目初始化cnpm init -y3.安装storybookcnpm install --save-dev @storybook/react4.安装es6+react+react-dom+lesscnpm install --save-dev react react-dom e原创 2017-10-12 21:39:42 · 3600 阅读 · 1 评论 -
react 蜜汁state烦恼 【初始化state报错:null is not a object (evaluating ‘this.state.value’)】
最新用到react的state在初始化时却报错null is not a object (evaluating ‘this.state.value’)】 getInitialState () { return {num: 0}; }无论怎么修改 ,还是频繁报错 最后发现 因为我用的是es6语法 不是使用createClass 创建...原创 2016-11-20 16:48:08 · 3752 阅读 · 1 评论 -
React初学者
平时写博客,更多的是吧生活中的学习经历记录下来,虽然鲜少谈及技术层面的东西,惭愧惭愧。因为最近的一个项目需要用到react,我花了两天时间去学习。在这里丢一个学习链接 阮一峰的网络日志--React入门教程 react是一个独特的前端框架,设计思想十分特别。react的使用在于组件化的思想:把页面切成一块一块的小零件。而react就是用来制作零件的工具。1. react的运...原创 2016-11-16 15:29:31 · 348 阅读 · 0 评论 -
【React】React全栈脚手架搭建
先贴上代码地址:https://gitee.com/wuchunling/reactApp 最终效果图:react全栈脚手架的搭建:react / redux / react-router-dom / less / axios / storybookUI框架:react 数据管理:redux 路由:react-router-dom 样式:less 异步请求:axios ...原创 2018-09-28 17:25:45 · 693 阅读 · 0 评论 -
【React】React全栈脚手架搭建-苹果篮子示例
接着上一章,脚手架已经搭建完毕,接下来便可以编写组件,先上效果图: 对苹果篮子页面进行组件切割根据视图,我们可以将其切割为两部分AppleItem:里面的苹果列表项AppleBasket:包着苹果列表项的篮子解析苹果篮子的数据结构,应该有一个苹果列表 apples(每个苹果具有id,重量,是否被吃掉的标志),是否在采摘苹果状态标记等,如下const baske...原创 2018-09-28 17:53:59 · 758 阅读 · 0 评论