蒲公英 · JELLY 技术周刊 Vol.18

自 2011 年，Facebook 第一次在 News Feed 上采纳了 React 框架，十年来 React 生态中很多好用的性能和工具在诸多设计思维和哲学的疏导下被开发实现，印象最深的的设计是哪些？Fiber、Hooks 还是 Suspense？或者是一些 React 生态中的工具，比方 React Europe 2020 上刚刚分享的 Recoil？从 Class 走向 Function，Algebraic Effects 又有多少理解呢？

登高远眺

天高地迥，觉宇宙之无穷

根底技术

深色模式适配指南

自从 iOS13 自带反对深色模式（dark mode）以来，就始终为大家所关注，好像反对深色模式曾经成为古代挪动利用和网站的一个潮流，这不得不证实 iOS 的影响力之弱小。本文就 Web、APP、Flutter 如何来实现深色模式适配，进行了深刻地分析。其中 Web 适配最终采纳的是 CSS 变量 + 降级的计划，而 iOS、Android 原生以及 Flutter 都有各自零碎提供的 API 可能比拟容易地实现深色模式适配。

前端框架

超简略 Algebraic Effects 入门 — React Team 出品

React team 的 Sebastian（曾提出 Hooks 与 Suspense 等个性）经常谈到 React 的某些个性其实是以 Algebraic Effects 作为心智模型，这让他的共事 Dan（Redux 作者）十分好奇。一番摸索之后 Dan 发现这个从函数式编程畛域而来的概念并没有一些学术论文上写的那么简单，因而透过本文向不理解 Algebraic Effects 的开发者进行科普，并讲述了它与一些 React 个性之间的形象分割。

Recoil – 面向 React 设计的状态治理库

在 5 月的 React Europe 2020 上，Dave McCabe 为咱们分享了 FaceBook 推出的状态管理工具 Recoil。在状态管理工具目不暇接的今日，为什么 React 官网要躬身入局？Recoil 的诞生是为了解决什么问题？Recoil 又是如何兼容 React 最新的个性呢？详情请看视频回顾。

深刻解析 React Fiber 架构及源码

在 React 框架中，总是有一个用于放弃状态的外部实例树(internal instances)（组件，DOM 节点等），与之绝对的是跟具体平台无关的 public instance，也被称为 Host instance。从 React 16 开始，React 推出了该外部实例树的新实现以及负责操作树的算法，被称为 Fiber，它可能将工作分片，划分优先级，同时可能实现相似于操作系统中对线程的抢占式调度，性能十分弱小。有趣味的小伙伴能够通过这篇文章进行深刻的理解~

设计哲学

除了 Todo App 之外，咱们如何能力取得实际技术的新点子？

学习新技术的时候，你会拿什么我的项目来练手呢？大部分人都会抉择写一个 Todo App（揭示事项程序）吧。作为过来人，GaneshMani 认为，Todo App、聊天室等简略的小我的项目诚然能够让初学者相熟语言、框架的运作，但对于职业生涯，甚至是强烈的面试竞争来说，都是远远不够的。如何想到一个更适合、更有实际意义的我的项目？这篇文章手把手进行了教学。

工具推介

Postwoman – 一个开源、收费、疾速、丑陋的女邮差？

Postman（邮差）你必定据说过，那 Postwoman（女邮差）呢？不满足于 Postman 的免费，又受不了 cURL 等工具的繁琐用法，Liyas Thomas 决定用 node + Vue 本人造一个轮子，这便是 Postwoman 的由来。Postwoman 是一款开源的申请结构器，反对调试 Restful 接口，WebSocket、GraphQL 等也不在话下，用法与 Postman 没有太大区别，最重要的是收费，永恒的收费。

桑田拾遗

桑田拾遗，积跬步以至千里

应用 react-docgen 主动生成组件文档

写文档是不可能的，然而开发却也离不开文档，那么一个自动化文档就是必不可少的！如果你也用 React 实现开发工作，置信 react-docgen 会给日常的开发工作带来极大的便当，对立文档格局，节省时间做更多有意义的事件～～

手写 webpack 打包一个 react 单页面利用

打包是前端工程化中不变的问题，如何高效高质量的实现它，在开发和公布过程中，都能够节俭很多老本。然而你真的理解打包的原理么？这次咱们就从一个简略的 react 单页面利用着手，来具体讲讲 webpack 到底干了啥。

「蒲公英」期刊，每周更新，咱们专一于开掘「根底技术 、 工程化 、 跨端框架技术 、 图形编程 、 服务端开发 、 桌面开发 、 人工智能 、 设计哲学 、 前端框架」等多个大方向的业界热点，并加以业余的解读；不仅如此，咱们还会推介精选凹凸技术文章，向大家出现团队内的钻研技术方向。

低头俯视，蒲公英的种子会生根发芽，如夏花灿烂；格物致知，咱们登高远眺、桑田拾遗，以求积硅步而至千里。

蒲公英 · JELLY 技术周刊奉献指南

欢送关注凹凸实验室博客：aotu.io

或者关注凹凸实验室公众号（AOTULabs），不定时推送文章。