React
10篇文章 · 0订阅
  • 从Preact中了解React组件和hooks基本原理
    React 的代码库现在已经比较庞大了，加上 v16 的 Fiber 重构，初学者很容易陷入细节的汪洋大海，搞懂了会让人觉得自己很牛逼，搞不懂很容易让人失去信心, 怀疑自己是否应该继续搞前端。那么尝试在本文这里找回一点自信吧(高手绕路). Preact 是 React 的缩略版…
    JavaScript
    从Preact中了解React组件和hooks基本原理
  • 🔥 深度解析！Vue3 & React Hooks 新UI组件原理：Modal 弹窗
    在某个月黑风高的晚上...没剧刷的我无意想起以前处理的一些弹窗的坑。 然后又无意间刷到“Portal”，才知道Modal的实现还有如此妙的方式，顺而想着干脆把UI组件库的实现原理看完。 1. Modal弹窗的基本原理 我给弹窗类的定义是脱离固定的层级关系，不再受制于层叠上下文的…
    React.js Vue.js
    🔥 深度解析！Vue3 & React Hooks 新UI组件原理：Modal 弹窗
  • react native 的初次尝试之环境搭建 Mac ios
    一定要耐心等待，不可中止！初次 run-ios 可能要10 - 30分钟，有大于2G的内容要下载，然后你可能会看到 simulator 模拟器自动启动，来到手机首页 却迟迟不动的情况。耐心等待 上图俩窗口程序执行完毕。 正常情况下，以上程序执行完毕，白色窗口持续监听本地代码，模…
    React Native
  • React Hooks 使用详解
    本文对 16.8 版本之后 React 发布的新特性 Hooks 进行了详细讲解，并对一些常用的 Hooks 进行代码演示，希望可以对需要的朋友提供些帮助。 Hooks 是 React v16.7.0-alpha 中加入的新特性。它可以让你在 class 以外使用 state …
    React.js
  • 这可能是最通俗的 React Fiber(时间分片) 打开方式
    写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue，这里…
    React.js JavaScript 前端
    这可能是最通俗的 React Fiber(时间分片) 打开方式
  • React 16.x折腾记 - (11) 结合Antd菜单控件(递归遍历组件)及常规优化
    我的思路是直接递归,写成一个函数式组件. 有不对之处请留言,会及时修正,谢谢阅读.
    React.js Ant Design
    React 16.x折腾记 - (11) 结合Antd菜单控件(递归遍历组件)及常规优化
  • React 16.x折腾记 - (1) React Router V4 和antd侧边栏的正确关联及动态title的实现
    一如既往,实战出真理，有兴趣的可以瞧瞧,没兴趣的大佬请止步于此。 公司最近打算重构整个后台管理系统，把老的两个系统整合在一起。 说做就做,用最新的webpack4 搭了个架子,开始折腾(因为比较新,更新依赖很容易出问题)。 等项目完毕再把脚手架放出来,估计webpack5都出来…
    React.js 前端
    React 16.x折腾记 - (1) React Router V4 和antd侧边栏的正确关联及动态title的实现
  • react-navigation 使用教程(配完整项目)
    首先在App.js中，导入库，并且设置Navigator。 其中RouteConfig，StackNavigatorConfig我分别写在两个文件中，StackNavigatorConfig可以设置，也可以不设置，主要可以用来设置自定义动画。 现在开始设置底部标签栏，注意第二步…
    iOS React Native
  • 基于React实现高度简洁的Form表单方案
    最近项目里在做我们自己的组件库，关于表单这块，如何实现一个更简单的表单方案，是我们一直在讨论的问题，之前项目里习惯用 ant-design 的 Form 表单，也觉得蛮好用的，我们希望能做出更简洁的方案。 ...... 手写 value 和 onChange，除非你的系统里只有…
    React.js
  • [译] 关于 React Router 4 的一切
    原文地址：All About React Router 4 原文作者：BRAD WESTFALL 译文出自：掘金翻译计划 本文永久链接：https://github.com/xitu/gold-miner/blob/master/TODO/all-about-react-rou…
    掘金翻译计划 React.js