针对以上三种情况, react渲染列表的时候要正确判断并渲染出相应的视图, 也就是条件渲染. 不同于vue的v-if, v-show等框架提供的api, react的条件渲染都是js原生的再加上一点点的hack. 比如react文档提到的. if/else, && 和三目等等.…

lottie 是一个可以轻易的给各种 native app 添加高质量动画的类库。可以在 iOS、Android 和 React Native 实时渲染 After Effects 动画，就像使用静态图片一样容易。上图即为 lottie 的 logo。 简单的说，lottie …

在阅读此篇文章之前，将默认你已经了解 Redux 的一些基础约束，如：action，reducer 等，对于在 TypeScript 的世界中使用 Redux ，对于其本身而言（指 Reudx）有很多不同的设计哲学，看于使用者来如何设计它。 有些朋友可能喜欢写很原汁原味的 ma…

笔者所在的趣店 FED 早在去年 10 月份就已全面使用 Taro 框架开发小程序（当时版本为 1.1.0-beta.4），至今也上线了 2 个微信小程序、2 个支付宝小程序。 之所以选用 Taro，解决微信小程序原生开发的痛点是一方面，另一方面团队也有多端统一开发的诉求，Ta…

在前端技术领域中，我们可以切身感受得到技术的更新、变革的速度是非常快的，所以工程师们都会需要时常关注和学习一些新技术、新标准。 因为在工作中负责项目的技术栈相比于业界来说，算比较落后了，所以自己动手来开发一个音乐类 web app，可以尝试一些新技术栈，或者往一些特定方向深挖学…

这里喷一句吧，谁都别给我提IE啊，IE那个不叫调试工具，那叫坑爹神器，话说最近不是又甩锅了，把自己的革命老根据地都甩了。 Eruda是什么？Eruda 是一个专为前端移动端、移动端设计的调试面板，类似Chrome DevTools 的迷你版（没有chrome强大 这个是可以肯定…

前端的小伙伴对console.log再熟悉不过了，但是至今为止，我都是一直在用其最普通的用法，控制台中打印一条message。没想到，还能给console.log应用样式呢？不知道你们是否知道呢？ 最后输出的message的效果就如样式所定义的一致。 当遇到一个具有大量log输…

——拥有了hooks，你再也不需要写Class了，你的所有组件都将是Function。 ——拥有了Hooks，生命周期钩子函数可以先丢一边了。 ——既然Class都丢掉了，哪里还有this？你的人生第一次不再需要面对this。 这样看来，说React Hooks是今年最劲爆的新…