第22期 Recoil-Facebook官方React状态管理器 & Facebook前端技术栈重构分享

Recoil-Facebook官方React状态管理器

说到状态管理器,轮子满天飞。在 Class 时代,redux 与 mobx 几乎占据了全部市场,几乎没有没用过 redux 的同学。随着 Hooks 的诞生,新的一批轮子应运而生,其中有代表性的有 unstated-next、constate 等等。

最近,facebook 官方出了一个状态管理器解决方案 Recoil[1],我们来体验一下。

蚂蚁金服是如何提高移动端体验的?

体验是一个很庞大的话题,有很多方面会影响产品的体验,如性能、UI、交互以及人性化的功能等等,本文抛砖引玉,只从技术层面的某几个方面聊聊移动端的体验优化,主要以 Android 为切入点,IOS 大部分优化方向与 Android 类似。考虑到市面上绝大多数 APP 都是 Native+H5 相结合的应用,且本人项目中也大量使用 H5 页面,因此将从 Native 端和 H5 端分别总结如何优化体验。

我在阿里是怎么工作的,写在阿里入职一周年

2019年初,笔者从腾讯跳槽到阿里。新的公司新的氛围,坦白说,阿里新岗位的工作强度大于之前在腾讯的岗位。我入职后不久后就迫于试用期答辩项目的压力,开始周末加班,后来又因为自己懒散,中断了坚持了一年多的博客更新。经过了一年多的阿里熏陶,我优化调整了自己部分的工作方法论并取得了不错的效果——重新找回了有节奏的工作生活。在这个过程中,总结了5条高效工作的经验,在这里分享给大家,希望能对大家有所帮助。

Facebook前端技术栈重构分享

当我们考虑如何构建一个新的网络应用—一个为现代浏览器设计的、具有用户对Facebook(我们已知的)所有期望的功能,我们现有的技术栈无法支持我们所需要的类似于桌面应用的感觉和性能。完全重写是非常罕见的,但在这种情况下,由于过去十年来Web技术发生了很多变化,我们知道这是我们实现性能和未来可持续发展目标的唯一途径。今天,我们就分享一下我们在重构Facebook.com时的经验教训,使用React(一种用于构建用户界面的声明式JavaScript库)和Relay(React的GraphQL客户端)来重构Facebook.com。

揭秘webpack插件工作流程和原理

通过插件我们可以扩展webpack,在合适的时机通过Webpack提供的 API 改变输出结果,使webpack可以执行更广泛的任务,拥有更强的构建能力。 本文将尝试探索 webpack 插件的工作流程,进而去揭秘它的工作原理。同时需要你对webpack底层和构建流程的一些东西有一定的了解。

深度精读:浏览器渲染原理

本文从浏览器角度来告诉你,URL后输入后按回车,浏览器内部究竟发生了什么,读完本文后,你将了解到:

  • 浏览器内有哪些进程,这些进程都有些什么作用
  • 浏览器地址输入URL后,内部的进程、线程都做了哪些事
  • 我们与浏览器交互时,内部进程是怎么处理这些交互事件的
原文链接:segmentfault.com

上一篇:前端CSS必会知识点梳理(持续更新)
下一篇:Vue最全知识点,面试必备(基础到进阶,覆盖vue3.0,持续更新整理,欢迎补充讨论)

相关推荐

  • (前端工程化01)私人管家-包管理器

    字数:3883, 阅读时间:10分钟,点击阅读原文 目录: 磨刀篇-开发环境搭建 私人管家-包管理器 待续 包管理器 在很久很久以前,那时候的前端被大家”亲切“的称为“切图仔”,那时前...

    6 个月前
  • (前端工程化01)私人管家-包管理器

    字数:3883, 阅读时间:10分钟,点击阅读原文 目录: 磨刀篇-开发环境搭建 私人管家-包管理器 待续 包管理器 在很久很久以前,那时候的前端被大家”亲切“的称为“切图仔”,那时前...

    6 个月前
  • (前端工程化01)私人管家-包管理器

    字数:3883, 阅读时间:10分钟,点击阅读原文 包管理器 在很久很久以前,那时候的前端被大家”亲切“的称为“切图仔”,那时前端的工作非常简单,仅仅只是将设计图还原,然后加上一些交互和...

    6 个月前
  • 错误:[编译:nonassign ]表达'定义'用于指导'myfacebook '不可转让

    harshit提出了一个问题:Error: [$compile:nonassign] Expression 'undefined' used with directive 'myFacebook' i...

    3 年前
  • 技术栈中的爱马仕?Facebook发布全新JavaScript引擎:Hermes

    前言 目前,用户的流畅体验是用户能长期使用某个移动客户端应用App的重要指标之一,因此,移动客户端应用App的性能问题备受关注。 最近,一个崭新的JavaScript引擎面世:Hermes,它是F...

    1 年前
  • 安装 Homebrew - macOS下的软件包管理器

    安装了HomeBrew之后,可以使用简单的命令去安装macos下的大多数软件,如 brew install nginx 就可以很方便的安装nginx了。 Hombrew官网 Homebrew 會將 ...

    2 年前
  • 名符其实的react下一代状态管理器hox

    前言 自从React16版本发布Hooks以来,大家纷纷上车尝鲜。毫无疑问,Hooks在一定程度上解决了组件间功能和逻辑复用的问题,在组件间的逻辑的封装和复用确实真香,但Hooks在数据状态的共享方法...

    6 个月前
  • 利用 CSS 破解 Facebook 加密用户数据

    Some of the recent additions to the Cascading Style Sheets (CSS) web standard are so powerful that ...

    2 年前
  • 使用laravel快速构建vuepress管理器

    介绍 刚刚学了下laravel感觉很方便,最近也在用vuepress做个人博客,但是感觉每次写文章管理文章不是特别方便,就使用laravel写了这个vuepress cms管理器,放在电脑本地,改个h...

    1 年前
  • 你必须要知道的前端状态管理器

    状态管理器 随着React和Vue等异步框架的广泛运用,前端状态管理器逐渐成为前端开发比不可少话题。形如React有倍受欢迎的Redux,再如Vue标配的状态管理器Vuex,都是业内相对成熟的状态管理...

    1 个月前

官方社区

扫码加入 JavaScript 社区