react
21篇文章 · 0订阅
  • CSS弹性布局：Flex布局及属性完全指南，点击解锁新技能！
    Flex 布局是一种新型的 CSS 布局模式，它主要用于弹性盒子布局。相比于传统的布局方式，它更加灵活，易于调整，也更加适应不同的设备和屏幕尺寸。 下面我们就来详细解析 Flex 布局及其属性，帮助大
    CSS 前端
  • ReactNative完全自定义下拉刷新
    通过 react-native-gesture-handler + react-native-reanimated 实现完全自定义的下拉刷新功能。下面是可以直接复制使用的demo代码。下拉刷新行为与安
    前端
  • ReactNative状态管理
    ● 介绍ReactNative里常见的状态管理方式，包括RN官方提供的方案与其他第三方框架的对比。 ● 介绍Redux Toolkit和Zustand 的最佳实践。
    React Native
  • React Native工程Monorepo改造实践
    目前云音乐内有多个RN收银台场景分布在不同的工程，比如页面收银台，浮层收银台，个性收银台等，后续可能还会有别的收银台场景。本文主要介绍对云音乐RN收银台进行monorepo改造的一些实践经验。
    前端 React Native
    React Native工程Monorepo改造实践
  • ReactNative进阶（四十四）：Mobile App 适配性优化
    一、前言 移动端应用开发过程中，内容自适应是避不开的一个注意点。相较于PC Web端开发应用设备的数量种类，Mobile APP 面临着设备应用多样性问题，各厂商生产设备多样，同一厂商不同型号的电子设
    前端
    ReactNative进阶（四十四）：Mobile App 适配性优化
  • React Native拆包原理与实现
    背景：在 React Native 中，我们打包生成的包只有一个jsbundle，里面包含了我们的业务代码、RN 源码及依赖的第三方库。通常为了更好的性能，我们需要将这个jsbundle文件进行拆分
    前端 iOS React Native
  • 「好文翻译」React key属性：高性能列表的最佳实践
    这篇文章讲的是 React 中的 `key`。一个非常基础，但又总是让人“略懂”的属性。不少人知道应该使用具有唯一性的 id 给它赋值，但对内部的工作细节多少还有些模模糊糊。如果你和译者一样，也在“略
    前端 React.js 性能优化
    「好文翻译」React key属性：高性能列表的最佳实践
  • 「好文翻译」为什么你可以删除 90% 的 useMemo 和 useCallback ？
    原作博客可以说是我全网所见的关于 React 性能优化最好的博客。这篇文章告诉我们，两个被广泛使用的 hooks 是如何被滥用的，而我们为什么应该将大部分与它们相关的代码删掉
    前端 React.js 性能优化
    「好文翻译」为什么你可以删除 90% 的 useMemo 和 useCallback ？
  • Echarts无法实现这个曲线图😭，那我手写一个
    最近有个图表需求配置十分头疼。所以想手写实现一个交互体验还不错的曲线图，支持开场动画、自动根据父盒子宽度适配、比echarts更全的配置项，分区线段的可以更好的自定
    Canvas 前端 数据可视化
    Echarts无法实现这个曲线图😭，那我手写一个
  • React SSR 详解【近 1W 字】+ 2个项目实战
    是指将单页应用（SPA）在服务器端渲染成 HTML 片段，发送到浏览器，然后交由浏览器为其绑定状态与事件，成为完全可交互页面的过程。（PS：本文中的 SSR 内容都是围绕同构应用来讲的） 更快的首屏加载速度：无需等待 JavaScript 完成下载且执行才显示内容，更快速地看到…
    React.js