react开发技巧
6篇文章 · 0订阅
  • React中共享组件逻辑的三种方式
    废话少说，这三种方式分别是：render props、高阶组件和自定义Hook。下面依次演示 这属于在 TimeOnPage组件内部硬编码，还没有达到封装复用的目标。看看render props怎么做？ 接上文，在TimeOnPage里定义一个值为函数的prop，想渲染什么组件…
    React.js
  • 2020年了,再不会webpack敲得代码就不香了(近万字实战)
    2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深…
    JavaScript
    2020年了,再不会webpack敲得代码就不香了(近万字实战)
  • 简单易懂的 React useState() Hook 指南（长文建议收藏）
    状态是隐藏在组件中的信息，组件可以在父组件不知道的情况下修改其状态。我更偏爱函数组件，因为它们足够简单，要使函数组件具有状态管理，可以useState() Hook。 本文会逐步讲解如何使用useState() Hook。此外，还会介绍一些常见useState() 坑。 可以找…
    React.js JavaScript
  • react-slide-routes，最简单的 React Router 动态切换路由方案
    开发 React + React Router 项目时，想实现一个路由跳转时、滑动切换路由页面的效果。 提着两把西瓜刀从 GitHub 一路砍到 Stack Overflow，楞是没找到一个简单易用的解决方案。 其实 react-transition-group 是一个提供基础…
    React.js
  • 8k字 | Redux/react-redux/redux中间件设计实现剖析
    一. redux的实现 在一切开始之前，我们首先要回答一个问题：为什么我们需要redux，redux为我们解决了什么问题？只有回答了这个问题，我们才能把握redux的设计思路。 React作为一个组件化开发框架，组件之间存在大量通信，有时这些通信跨越多个组件，或者多个组件之间共…
    React.js
    8k字 | Redux/react-redux/redux中间件设计实现剖析
  • 字节跳动面试官：请你实现一个大文件上传和断点续传
    这段时间面试官都挺忙的，频频出现在博客文章标题，虽然我不是特别想蹭热度，但是实在想不到好的标题了-。-，蹭蹭就蹭蹭 :)
    JavaScript