Magic Studio

专心做有逼格的APP!

2018年6月23日 #

[译]迁移到新的 React Context Api

正文内容加载中...

posted @ 2018-06-23 20:18 Mr 布鲁斯 阅读(64) 评论(0) 编辑

2018年5月28日 #

自定义react-navigation的TabBar

摘要: 在某些情况下,默认的react navigation的tab bar无法满足开发者的要求。这个时候就需要自定义一个tab bar了。本文就基于react navigtion v2来演示如何实现一个自定义tab bar。 这里主要处理的是再android里,当界面中有输入框,唤起软键盘的时候位于底部的阅读全文

posted @ 2018-05-28 16:31 Mr 布鲁斯 阅读(750) 评论(0) 编辑

2018年5月22日 #

React-router v4教程

摘要: 在这个教程里,我们会从一个例子React应用开始学习react router dom。其中你会学习如何使用 、`NavLink Switch exact`实现排他路由和浏览器路径历史。 也许学习react router最好的办法就是用react router dom v4来写一个多页的react应用阅读全文

posted @ 2018-05-22 13:46 Mr 布鲁斯 阅读(195) 评论(0) 编辑

2018年3月4日 #

ANTD mobile源码分析 -- popover

摘要: 最近的开发中要用到很多的各式各样的组件。但是发现ant design mobile(后面简称ANTDM)里很多的资源。于是就分析一下,学习学习。 ANTDM直接使用了typescript,没有用ES2015,不过这不会是障碍,反而是学习typescript的一个好机会。基本上可以学的开源项目里比阅读全文

posted @ 2018-03-04 21:42 Mr 布鲁斯 阅读(242) 评论(0) 编辑

2018年3月3日 #

编写React组件的最佳实践

摘要: 此文翻译自 "这里" 。 当我刚开始写React的时候,我看过很多写组件的方法。一百篇教程就有一百种写法。虽然React本身已经成熟了,但是如何使用它似乎还没有一个“正确”的方法。所以我(作者)把我们团队这些年来总结的使用React的经验总结在这里。希望这篇文字对你有用,不管你是初学者还是老手。 开阅读全文

posted @ 2018-03-03 21:58 Mr 布鲁斯 阅读(252) 评论(1) 编辑

2018年1月20日 #

JavaScript的this和作用域

摘要: 本文主要讨论一下JS的作用域和 关键字。作用域,就是你的方法或者变量可访问的区域,是他们执行的上下文。如果你见过这样的代码: 你就会很好奇为什么要用 赋值给一个变量 呢?你看完这篇文章就会清楚这个问题的答案了。 第一种作用域叫做全局作用域( Global Scope )这很容易定义,如果一个方法、变阅读全文

posted @ 2018-01-20 23:20 Mr 布鲁斯 阅读(28) 评论(0) 编辑

2017年11月25日 #

一步一步带你实现virtual dom(一)

摘要: "一步一步带你实现virtual dom(一)" "一步一步带你实现virtual dom(二) Props和事件" 要写你自己的虚拟DOM,有两件事你必须知道。你甚至都不用翻看React的源代码,或者其他的基于虚拟DOM的代码。他们代码量都太大,太复杂。然而要实现一个虚拟DOM的主要部分只需要大约阅读全文

posted @ 2017-11-25 23:47 Mr 布鲁斯 阅读(90) 评论(0) 编辑

一步一步带你实现virtual dom(二) -- Props和事件

摘要: "一步一步带你实现virtual dom(一)" "一步一步带你实现virtual dom(二) Props和事件" 很高兴我们可以继续分享编写虚拟DOM的知识。这次我们要讲解的是产品级的内容,其中包括:设置和DOM一致性、以及事件的处理。 使用Babel 在继续之前,我们需要弥补前一篇文章中没有详阅读全文

posted @ 2017-11-25 21:40 Mr 布鲁斯 阅读(397) 评论(0) 编辑

2017年11月20日 #

Redux:从action到saga

摘要: 前端应用消失的部分 一个现代的、使用了 redux 的前端应用架构可以这样描述: 1. 一个存储了应用不可变状态(state)的store 2. 状态(state)可以被绘制在组件里(html或者其他的东西)。这个绘制方法通常是简单而且可测试的(并不总是如此)纯方法。 3. 组件可以给store分发阅读全文

posted @ 2017-11-20 11:29 Mr 布鲁斯 阅读(252) 评论(0) 编辑

2017年11月18日 #

初识Redux-Saga

摘要: "Redus saga" 是一个redux的中间件,主要用来简便而优雅的处理redux应用里的副作用(side effect相对于pure function这类概念而言的)。它之所以可以做到这一点主要是使用了ES6里的一个语法: "Generator" 。使用Generator可以像写同步的代码一样阅读全文

posted @ 2017-11-18 08:43 Mr 布鲁斯 阅读(317) 评论(1) 编辑

导航

统计信息

News