FateRiddle

前端飞猪

React派。svg是最好的设计开发载体。PWA是近在眼前的未来

4关注

124关注者

1,020掘力值

赞

30

更多

专栏

FateRiddle
7月前
如何写一套React脚手架，并让Facebook帮你维护相信很多人都有能力写现在最好用的脚手架，但扪心自问当一年后Webpack升了5，typescript升了4，babel升了8，eslint升了6，有这个心力去更新维护兼容吗？事实上无数脚手架都死在时光里（开源的），或者继续苟且着（内部使用的）。所以当看到“扔掉Create React App，打...
- 30
- 收藏
阅读全文
FateRiddle
7月前
如何写一套脚手架，并让Facebook帮你维护相信很多人都有能力写现在最好用的脚手架，但扪心自问当一年后Webpack升了5，typescript升了4，babel升了8，eslint升了6，有这个心力去更新维护兼容吗？事实上无数脚手架都死在时光里（开源的），或者继续苟且着（内部使用的）。所以当看到“新年丢弃 creat…
- 收藏
阅读全文
FateRiddle
10月前
一个hooks的“奇异”用法 React hooks最激动人心的部分无疑是自定义hook，充满了无限的可能和可复用性，同时让代码前所未有得清晰。今天写了一个奇异的custom hooks，奇异之处在于返回了组件。会不会觉得好烦？我就想用一下弹层，怎么又要定义 visible 的 state，又要写 showModal 方...
- 20
- 收藏
阅读全文
FateRiddle
10月前
基于babylon.js的3D网页游戏从零教程在很久一段时间 web 端的 3D 游戏引擎一直是 nothing，但现在却如雨后春笋。本文介绍使用 babylon.js 的 3D 网页游戏开发流程。可以自用使用多个光源达到复合效果，比如一个点光源加一个环境光就是不错的组合。和基本功能都是加载模型，然后渲染到场景 scene 中，不同在...
- 42
- 收藏
阅读全文
FateRiddle
1年前
Promise 的误区一直在用Promise，但一直感觉自己没有真正彻底弄明白Promise，总差那么一点。最后发现原因很简单，是我脑内对 Promise 建立的模型错误了。于是写一篇短文。这是一个一秒后会返回0或者1的promise。在浏览器的 console 里试验：直到地老天荒，返回的永远是1。事实上，虽然...
- 23
- 收藏
阅读全文
FateRiddle
1年前
dva 上手笔记（一） DVA 有着阿里巴巴的金字招牌，使用者不乏。这不，我的下份工作就必须上手 dva 了，于是乎作为一个之前主要使用 redux + thunk 的用户，开始了探究之旅。已经了解 redux 的使用，但还未深入接触 dva 的各位。dva 的文档说实在只能打个 80 分，提供的实例除了最简单单文件 ...
- 1
- 收藏
阅读全文
FateRiddle
1年前
React拾遗：从10种现在流行的 CSS 解决方案谈谈我的最爱（下）终于有时间静下心学点东西，把这个系列最后一篇填上。中篇介绍了 tachyons, 本篇介绍个人的最爱，没有之一：styled-jsx。在打算使用一个新 css 框架前，需要好好想清楚它是否在你的所有使用场景里圆满完成任务，我总结了几点： zeit 的一系列产品从 now，到 next.js，我...
- 47
- 收藏
阅读全文
FateRiddle
1年前
想要一份senior工作，务必要读 React 源代码吗？这段面试了一些。很多公司都会甩这个问题给你：读过 React 的源代码吗？答曰：没读过。瞬间感到自己的自信心掉了一块。网上也不乏各种分析源代码的文章和精读，只是我还是没有那个勇气和兴趣去读如此成熟的一个库的源代码，甚至想读也不知从何读起。于是跑上 Reddit 发了一贴，想问问看老外们是怎么看...
- 60
- 收藏
阅读全文
FateRiddle
1年前
React拾遗：从10种现在流行的 CSS 解决方案谈谈我的最爱（中）上篇介绍了 React 现在流行的 CSS 解决方案。本篇就直接进入主题详细讲讲我最喜欢的解决方式之一：tachyons 个人认为，tachyons 适合小的、样式不是重点的项目以及写 Demo，但这不代表不能用 tachyons 完成大项目和漂亮的主页：使用tachyons写的项目详见 ht...
- 60
- 收藏
阅读全文
FateRiddle
1年前
React拾遗：从10种现在流行的 CSS 解决方案谈谈我的最爱（上）不得不承认 Vue 的css解决方式非常自然简洁，相比之下 css 一直是 React 的痛。从旧宠 css modules 到 JSS 的各种衍生，到新宠 styled-components。几十种的解决方式，上百篇的教程和比较，已经说明了一切。大家一直在寻找最好的最适合自己的解决方式。我试着先...
- 420
- 收藏
阅读全文
FateRiddle
1年前
从Function.length 与 Argument.length 区别谈到如何传递任意个数参数因为没看过，也没碰到过使用场景，我没答出来。后来查了下发现是指函数的参数个数，于是也就作罢了。不过今天恰巧碰到了使用场景，且发现之前的理解也有误，于是就写一篇短文分享一下。今天在尝试 render props 的各种扩展玩法，写了个简单的表格数据 CRUD 操作 Demo：CodeSandbox...
- 16
- 收藏
阅读全文
FateRiddle
1年前
React拾遗：Render Props及其使用场景第一次见到这个语法时，大多会很惊讶，因为日常代码里必然是字符串或者元素。但事实上可以是函数，只要最终生成的render的返回值是dom元素就行。例如：虽然没有实际意义，但这即是一个。当然最初的意思是：组件不自己定义RENDER函数，而是通过一个名为的将外部定义的RENDER函数传入使用。以上...
- 23
- 收藏
阅读全文
FateRiddle
1年前
用Gatsby.js创建一个自己的博客（一）（“盖茨比”js）是目前创建个人博客的最佳工具之一。是一个静态（渐进式网页 App）生成器。相对于或是这些老字号，的优势在于它结合了最新的技术，同时很好平衡了开发的简易性：好了，打开一个 demo 个人博客就完成了。之后只要在文件夹下添加文件就能自动生成新博客文章了。是不是很方...
- 4
- 收藏
阅读全文

个人成就

获得点赞745

文章被阅读27,519

掘力值1,020

加入于

2016-12-26