react-redux
我走在大路上
这个作者很懒,什么都没留下…
展开
-
webstorm环境下,react+webpack+nodejs搭建项目环境
一、创建基本目录结构1.新建项目工程:PockerUI 2.配置jsx 3.安装 webpack 在此之前你应该已经安装了 node.js. npm install webpack -g1参数-g表示我们将全局(global)安装 webpack, 这样你就能使用 webpack 命令了. webpack 也有一个 web 服务器 webpack-dev-server, 我们也安装上npm ins...转载 2018-04-09 17:44:44 · 275 阅读 · 0 评论 -
React Router v4 版本 完全指南
React Router 事实上是React官方的标准路由库。当你在一个多视图的React应用中来回切换,你需要一个路由来管理那些URL。React Router 专注于此,同步保持你应用的UI和URL。这个教程主要给你介绍React Router 的v4版本,以及你使用它可以做的大部分事情。开场白React 是一个很流行的库,用于在客户端渲染创建的单页应用(SPAs)。 一个SPA会有很多视图(...转载 2018-04-20 10:59:07 · 438 阅读 · 0 评论 -
npm 安装删除模块
npm安装模块【npm install xxx】利用 npm 安装xxx模块到当前命令行所在目录;【npm install -g xxx】利用npm安装全局模块xxx;本地安装时将模块写入package.json中:【npm install xxx】安装但不写入package.json;【npm install xxx –save】 安装并写入package.json的”dependencies”...转载 2018-04-20 10:56:50 · 4465 阅读 · 0 评论 -
react的SPA实践
上一篇关于react简介与入门的文章【写了个假react】,文章最后介绍了通过组件的嵌套来实现页面构建的思路,这是react组件化的基本实现方式,依靠这样“单纯”的嵌套关系,我们可以最终构建一个可用的页面。但是,仅仅依靠这样的方式,在构建比较复杂的web应用的时候是不够的。假设你是开发一个多页面网站,如果你每个页面都这么从零开始搭一套react架构,一方面操作繁琐,一方面体积冗余,而且还得考虑很多...转载 2018-04-20 09:20:55 · 1060 阅读 · 0 评论 -
react开始篇
React是Facebook团队开发的一个用来构建用户界面的js库(library),借助于这个库,我们可以用组件的方式来构建页面,并且通过维护数据的方式来更新视图,而不需要手动去完成一系列获取dom操作dom的繁琐工作。本文我将通过演示如何开发一个 简易版的react 的方式,一步步讲解react的工作原理,加深大家对 react 的理解,同时也会在过程当中对那些常见的专有名词逐一地解释,扫清障...转载 2018-04-20 09:19:53 · 218 阅读 · 0 评论 -
redux在react中的应用
上一篇【react的SPA实践】里,我们留下了一些问题,比如深层嵌套的组件之间的通讯问题。虽然我们通过尽量减少深层次嵌套的方式,可以规避这个问题,但是这毕竟没有解决问题。这一篇我们主要讲react如何搭配 redux 使用,从而构建一个更完(niu)善(bi)的react应用。官方文档对redux的介绍:Redux是JavaScript状态容器,提供可预测化的状态管理。注意,redux的集成是非必...转载 2018-04-20 09:16:12 · 151 阅读 · 0 评论 -
从零配置Webpack4.0搭建一个React工程
最近一直大部分精力都在搞App以及Node。前端这块作为初心,还是不能落下。这里不用cli。一步一步记录从零配置Webpack,来搭建起React项目。复习一下Webpack的配置。以及一些前端工程化的一些思考前段工程化思考说道前端工程化,最重要的一个目的就是:解放生产力。对源代码进行预处理、自动打包/自动更新页面显示、去处理图片依赖和正式环境统一这几点在开发中极大提高了开发的效率。在搭建起项目工...转载 2018-04-10 10:51:40 · 2511 阅读 · 0 评论 -
Node Sass does not yet support your current environment解决办法Node sass安装
npm uninstall --save node-sass npm install --save node-sass 如果还是不行就执行:npm cache clean 再执行2:npm install --save node-sass 最后还是不行就给全局设置代理,给Npm设置代理,还是不行就干掉npm重装...转载 2018-04-10 10:23:51 · 3609 阅读 · 1 评论 -
webpack构建React开发环境
安装webpack先新建文件夹并进入 mkdir demo cd demo项目初始化 npm init -y补充:此处加-y是因为一路回车比较麻烦,可以生成默认的package.json文件安装 cnpm install --save-dev webpack配置webpack.config.js在项目根目录建立webpack.config.js文件,这个文件是...转载 2018-04-10 09:52:45 · 140 阅读 · 0 评论 -
更新package.json中的dependencies依赖到最新版本
当新建一个项目的时候,有时候会从其他项目的package.json里面copy一份dependencies过来。但因为是新项目,我们想用各个依赖包的最新版本。如果手动去修改dependencies中各个包的版本号,那就太麻烦了,借助npm-check-updates工具可以很方便的将package.json中的依赖包版本号更新为最新版本。安装:npm install -g npm-check-up...转载 2018-04-10 09:28:04 · 1892 阅读 · 0 评论 -
React Router 4 的一切
我在 React Rally 2016 大会上第一次遇到了 Michael Jackson,不久之后便写了一篇 an article on React Router 3。Michael 与 Ryan Florence 都是 React Router 的主要作者。遇到一位我非常喜欢的工具的创建者是激动人心的,但当他这么说的时候,我感到很震惊。“让我向你们展示我们在 React Router 4 的想...转载 2018-04-20 11:26:37 · 185 阅读 · 0 评论