7 天前 / 噶牛爱尚
首发于众安前端写文章对不起，我们来晚了 —— 基于 React 的组件库 Zarm 2.0 发布 Wukong 万物互联 16 人赞同了该文章是的，大家可能很疑惑：“都 2020 年了，怎么现在还发布组件库呢？”... 确实，对于前端组件库的大家庭来说，我们迟到了，但也请各位可以抽出几分钟看看一位初来乍到的新人的自我介绍： Zarm 是什么 Zarm 是众安科技基于 React、React-Native 研发的一款适用于企业级的移动端 UI 组件库。( 官网|github|演示地址推荐在手机上浏览) Zarm 的取名，灵感来源于众安保险秉承的理念：做有温度的保险。
13 天前 / u562098
首页下载 APPreact-native-fast-app 详解与使用之（一） AsyncStorage 如风 008 关注赞赏支持 react-native-fast-app 详解与使用之（一） AsyncStoragereact-native-fast-app 是一款为 React Native App 快速开发提供基础服务的纯 JS 库 ( 支持 IOS & Android)，特别是在从 0 到 1 的项目搭建初期，至少可以为开发者减少 30% 的工作量。 react-native-fast-app 主要做了这些工作：1. 对 AsyncStorage 进行封装，开发者只需几行代码即可实现一个持久化数据管理器。
27 天前 / Dunizb
2019 年第 13 期 React 组件内部的状态是在渲染之间保持不变的封装数据。useState()是 React 钩子，负责管理功能组件内部的状态。 我喜欢 useState()确实使状态处理变得非常容易。但是我经常遇到类似的问题： 我应该将组件的状态划分为小状态，还是保持复合状态？ 如果状态管理变得复杂，我应该从组件中提取它吗？怎么做？ 如果 useState()用法是如此简单，那么何时需要 useReducer()？ 这篇文章介绍了 3 条简单的规则，可以回答上述问题并帮助您设计组件的状态。 一个关注点 高效状态管理的首要原则是：让一个状态变量负责一个关注点。
60 天前 / 江米小枣tonylua
原文：http://progressivecoder.com/docker-multi-stage-build-for-running-react-application-on-nginx-server/ Docker 多阶段构建（Multi-Stage）是一种创建生产环境 Docker 镜像的极佳途径。 如果你是一位 Docker 新手，强烈推荐你先阅读“理解 Docker 基础”一文 (http://progressivecoder.com/understanding-the-basics-of-docker/)。另一篇“从头为 NodeJS 应用创建 Dockerfile” (http://progressivecoder.com/creating-a-dockerfile-for-nodejs-application-from-scratch/) 也很有意思。
64 天前 / 噶牛爱尚
首发于前端烂笔头写文章 Egg + React 实战日记本 ( 万字长文，望点赞收藏)尼克陈洋气的前端，个人主页 blog.chennick.wang36 人赞同了该文章大纲一、Egg.js 基础入门 1、Egg.js 开发环境搭建及生成项目目录讲解 2、理解 Egg.js 的路由机制 3、编写简单的 GET 和 POST 接口 4、Egg.js 中如何使用前端模板 二、React 编写日记界面 1、React 开发环境搭建接入 Ant Design Mobile 2、通过 vw 适配移动端方案 3、日记列表页开发 4、日记详情页开发 5、日记编辑页面开发 三、Egg.js 服务端开发 1、本地安装 Mysql 数据库 2、Navicat 操作数据库创建日记表 3、编...
77 天前 / 冷星1024
作者：Dmitri Pavlutin 译者：前端小智 来源：Dmitri Pavlutin 术语 “render prop” 是指一种在 React 组件之间使用一个值为函数的 prop 共享代码的简单技术 简而言之，只要一个组件中某个属性的值是函数，那么就可以说该组件使用了 Render Props 这种技术。听起来好像就那么回事儿，那到底 Render Props 有哪些应用场景呢，咱们还是从简单的例子讲起，假如咱们要实现一个展示个人信息的组件，一开始可能会这么实现： constPersonInfo=props=>( 姓名：{props.name} ); //调用 如果，想要在 PersonInfo 组件上还需要一个年龄呢...
80 天前 / 江米小枣tonylua
原文：https://auth0.com/blog/how-to-configure-create-react-app/#Test-Your-Custom-Script Auth0 Auth0 是一个全球领先的 Identity-as-a-Service (IDaaS) 服务商，为数以千计的企业客户提供现代身份认证解决方案。除了经典的“用户名密码认证过程”外，Auth0 也允许你增加诸如“社交媒体登录”、“多因子认证”、“无密码登录”等等特性，所有这些只需要一些点击就能完成。 用 Auth0 保证 React 应用安全是十分简单方便的。 要完成本文说明的内容，你需要一个 Auth0 账号。
88 天前 / 噶牛爱尚
首发于饿了么前端写文章从 0 到 1 实现 useAxios戯言前端新手，渣渣程序猿58 人赞同了该文章在 React 发布 16.8.0 版本后，Hooks 功能正式启用。这一改变让函数式组件获得了质的飞跃，拥有了如同类组件般处理各种副作用的能力。而自定义 Hooks 的能力，进一步让我们通过 Hooks 封装，进行能力的抽象复用。 今天笔者将带领大家从 0 到 1 实现一个常用的数据请求 Hook —— useAxios。 该 Hook 将具有以下能力： 全局配置手动请求控制请求状态管理请求取消为什么要用 Hook为了说明使用 Hook 的优点，我们通过简单的一个 demo 进行对比。
98 天前 / 噶牛爱尚
写文章React Fiber的优先级调度机制与事件系统司徒正美JavaScript话题的优秀回答者178 人赞同了该文章经典的事件系统分成两大块，绑定事件与分派事件，在浏览器中，分派事件很少人会直接dispatchEvent。因为创建一个DOM 事件是非常复杂的事情，不同的事件对象对应不同的事件构造器，传参也五花八门。因为分派事件基本上用户行为触发，比如我们点击了某个元素，恰逢在这上方绑定了点击事件，于是触发了。 React的绑定事件是在JSX 中进行，换言之， render时，props的onXXX事件就被收集起来，进行绑定。
106 天前 / stevending1st
最近我发现很多面试题里面都有「如何理解虚拟 DOM」这个题，我觉得这个题应该没有想象中那么好答，因为很多人没有真正理解虚拟 DOM 它的价值所在，我这篇从虚拟 DOM 的诞生过程来引出它的价值以及历史地位，帮助你深入的理解它。 什么是虚拟 DOM本质上是 JavaScript 对象，这个对象就是更加轻量级的对 DOM 的描述。 对，就是这么简单！ 就是一个复杂一点的对象而已，没什么好说的，重点是为什么要有这个东西，以及有了这个描述有什么好处才是我们今天要介绍的内容。
115 天前 / 噶牛爱尚
首发于冰山一角写文章对 React conf 2019 的一些 talk 的概览Heaven要做一个有梦想的程序员。佛洛伊德认为：人的精神创伤都与童年遭遇有关。135 人赞同了该文章写这个的原因是发现有点太过于平静。。虽然经常也是这样，conf 的 views 很少很少，但一般（国内）各种社交渠道/平台上还有些风声，但今年的 React conf 好像在太平洋上一样，所以简要的挑了些自己感兴趣的看一下，顺便也是第一次边看边记。。分享一下也是帮助自己梳理。 Building The New Facebook With React and Relay没记错的话这个题目在今年早些时候的 F8 上已经讲过。
116 天前 / 子曰五溪
https://overreacted.io/making-setinterval-declarative-with-react-hooks/ 这是Dan的一篇文章，详细阐述了如何在Hooks中使用setInterval定时器（每秒递增的计数器为例），由于提取精髓，因此略有删减。 我们在 effects 中直接使用定时器会重复启动然后清除，effects 在每次渲染时都会被调用，因此我们需要一个传递一个空数组来保证它只会被调用一次，此时获取 count 新值就会很困难。 最简单处理方式是使用 state callback ： setCount((count) => count + 1) 原因effects 是一个闭包，一直引用了第一次渲染时 count 的值...