React
魏小雨
Baby Steps
展开
-
Webpack&React (三) 使用Webpack
在GitHub上发现的学习webpack和react的很好的文章,原文链接通过看前两篇文章你可能对Webpack有了一些了解,它是一个模块购建工具,可以打包你的文件.听起来容易,实际上却不简单,我们都不想自已处理所有细节,这正是webpack要做的,接下来,将配置我们Webpack的第一个工程,并运行它在开发模式.建立工程Webpack依赖于Node.js. 请确让你已装安装了它,并可以在你的命令行翻译 2016-02-15 16:13:47 · 5206 阅读 · 0 评论 -
React & Create-React-App & DVA 的后台管理UI
dva-boot-admin 是一个用React开发的一个企业级中后台管理UI,包含常用的业务,组件,及数据流转方案,前后端分离的开发方式,按业务划分的目录结构,可以大大提高我们的开发效率下面是整体的介绍,感兴趣的同学可以去官网详加了解。 功能封装了dva框架的数据流转,简单的请求可以不用在model和service中定义封装了数据模模拟,可以独立于后台开发前...转载 2018-06-20 22:22:45 · 2589 阅读 · 0 评论 -
使用JWT验证在我们的React&Redux应用中
带验证功能的Redux应用我们将完成一个使用JWT结合Redux的应用。这个应用可以认用户登录并且得到一个token,并且在一个JWT的中间件中访问一些私有的链接。本文不是React和Redux的入门文章,相关知识可以看其它章节。开始我们从零开始建一个项目文件夹redux_jwt package.json{ "name": "redux_jwt", "version": "1.0.0",翻译 2016-05-18 09:21:36 · 5473 阅读 · 0 评论 -
React生命周期
React生命周期Mounting过程getInitialState在组件加载完成前执行一次,它的反回值将做为this.state的初始值。 如果使用ES6的语法,这个过程将被定义到constructor中,使用this.state={...}进行初始化。getDefaultProps调用一次,当类创建后,如果父组件没有传递this.props则会被做为默认的props。 这个方法调用之前创原创 2016-05-30 22:01:29 · 652 阅读 · 0 评论 -
Webpack&React (七) 从便签到看板
渣翻译, 原文链接从便签到看板So far we have developed an application for keeping track of notes in localStorage. We still have work to do to turn this into a real Kanban as pictured above. Most importantly our syste翻译 2016-02-29 15:00:56 · 1425 阅读 · 0 评论 -
Webpack&React (九) 构建Kanban
渣翻译,原文链接构建Kanban到目前为至,我们已经有了一个运行良好的Kanban应用, 本章的目地是在此基础上设置不错的产品级的版本.使用各种技术来控制打包后的大小并加入浏览器端缓存.优化构建大小我们运行npm run build,能看到下面的结果|:> webpackHash: 807faffbf966eb7f08fcVersion: webpack 1.12.13Time: 3967ms翻译 2016-03-24 14:09:01 · 1207 阅读 · 0 评论 -
Webpack&React (六) React 和 Flux
React 和 Flux尽管你可以一直都在组件中写另种逻辑,但最终这样做将是痛苦的.Flux 应用架构能让我们的React应用清爽起来.它不是唯一的解决方案,但却是一个不错的起点.Flux让我们分离我们应用的数据和程序状态.这帮助我们保持它们的清晰和应用的可维护性.Flux是为了大型团队设计的.因此你可能会觉得它很详细.但我们可以直接使它到工作中提升我们的效率.Flux简介翻译 2016-02-25 11:00:19 · 1210 阅读 · 0 评论 -
Webpack&React (八) 实现拖拽功能
渣翻译, 原文链接实现拖拽功能我们的看板应用差不多可以使用了,并有了一些基本的功能。在本章,将会更进一步,我们将使用React DnD加入拖拽的功能。这章之后你就可以在一个栏中拖动排序节点并也可以在不同的栏中进行拖拽。设置 React DnD首先,我们需要在我们的工程中加入React DnD,我们将要使用HTML5拖拽基于backend(实现 DnD 的方式)。触摸设备使用特定的backend。我们翻译 2016-03-21 16:18:15 · 8009 阅读 · 1 评论 -
Webpack&React (五) 实现一个简单的便签应用
原文链接 因为我们以经有了一个好的开发环境,所以我们可能真正的做一些东西了.我们的目标是做一个简单的便签应用.它会有一些基本操作.我们会从头开始写并会遇到一些麻烦,之所以这样做是我了让你了解为什么诸如Flux,等架构是需要的.初始化数据模型通常开始设计应用程序的好的方式是从数据开始的.我们将有一个模型列表像下面这样:[ { id: '4a068c42-75b2-4ae2-bd0d-28翻译 2016-02-22 16:06:08 · 1595 阅读 · 0 评论 -
学习React Router (一)
学习自https://github.com/reactjs/react-router-tutorial简介React Router 是一个由React创建的强大的路由库,可以帮助我们快速的实现路由功能,保持我们的URL和React组件的同步映射关系.在解释React Router是如何帮助我们之间,让我们看看在不使用它的情况下是如何创建一个应用程序的.我们将使用ES6/ES2015语法特性,完成我们翻译 2016-03-07 14:44:32 · 866 阅读 · 0 评论 -
Webpack&React (四) Webpack 和 React
原文链接React与Webpack很合拍.尽管你可以使用其它的React构建工具,但Webpack仍是一个不错的选择并且配置简单.在这章,我们将扩展我们的配置,之后我们将为我们进一步的开发应用设置一个好的起点.React是什么?Facebook的React改变了我们前端开发的方式.另外感谢React Native使开发并不局限于web中.React是小而强的.React不是如Ang翻译 2016-02-17 08:45:20 · 1686 阅读 · 0 评论 -
Webpack&React&Kanban (一) 开篇
在GitHub上发现的学习webpack和react的很好的文章,原文链接前言 这几年,前端技术的发展快到不要,新的技术不停的被Get,我接下来要学习的就是最近比较火的Webpack和React,因为它们可以帮助我们快速搭建各种web应用程序。什么是Webpack? web浏览器是用来处理Html,JavaScript以及Css的,我们当然可以直接在Html中完成我们所有的功能,这对于像Hell翻译 2016-01-31 18:00:42 · 1054 阅读 · 0 评论 -
dva-boot[-X] React相关工程自动配置工具
首先广告一下,我觉得最好用的后台管理脚手架dva-boot-admin,现在升级到2.0了,功能更多了,更易用了。随着做过的项目越来越多,发现时间多是耽误在:找适合的架子,整理目录;找相关组件;熟悉组件的用法及示例;模拟数据及与后台接口对上;写各种CRUD为了解决上面的问题,最初构建了dva-boot这个精简的项目框架,之后完成了dva-boot-admin全功能的中后台框架。随...原创 2019-02-14 10:22:53 · 495 阅读 · 0 评论