首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
react
订阅
泡泡在掘金87706
更多收藏集
微信扫码分享
微信
新浪微博
QQ
13篇文章 · 0订阅
如何实现一个react-router路由拦截(导航守卫)
正如其名,vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。 当一个导航触发时,全局前置守卫按照创建顺序调用。守卫是异步解析执行,此时导航在所有守卫 resolve 完之前一直处于 等待中。 在这里,我们可以看到,vue在所有的路由跳转前,在before…
React组件设计实践总结02 - 组件的组织
一个复杂的应用都是由简单的应用发展而来的, 随着越来越多的功能加入项目, 代码就会变得越来越难以控制. 本文章主要探讨在大型项目中如何对组件进行组织, 让项目具备可维护性. 1. 组件设计的基本原则 2. 基本技巧 3. 组件的分类 4. 目录划分 5. 模块 6. 拆分 7.…
8k字 | Redux/react-redux/redux中间件设计实现剖析
一. redux的实现 在一切开始之前,我们首先要回答一个问题:为什么我们需要redux,redux为我们解决了什么问题?只有回答了这个问题,我们才能把握redux的设计思路。 React作为一个组件化开发框架,组件之间存在大量通信,有时这些通信跨越多个组件,或者多个组件之间共…
4个问题带你进阶React Hooks
相信大部分人都已经在使用 React hooks 了,但是在开发过程中,我们要 知其然知其所以然。整理了一下最近使用 React hooks 遇到的一些问题,并附上详细答案,如果想要更加深入了解,推荐阅读文章中推荐的一些文章。 1. 组件复用逻辑难 没有hooks之前使用 re…
Vuex、Flux、Redux、Redux-saga、Dva、MobX
这篇文章试着聊明白这一堆看起来挺复杂的东西。在聊之前,大家要始终记得一句话:一切前端概念,都是纸老虎。 不管是Vue,还是 React,都需要管理状态(state),比如组件之间都有共享状态的需要。什么是共享状态?比如一个组件需要使用另一个组件的状态,或者一个组件需要改变另一个…
2019年17道高频React面试题及详解
以下面试题来源于github项目前端面试指南,那里有超过200道高频前端面试题及答案,目前拥有1400star. 组件化: 其中以 React 的组件化最为彻底,甚至可以到函数级别的原子组件,高度的组件化可以是我们的工程易于维护、易于组合拓展。 天然分层: JQuery 时代的…
是时候搭建你们团队的 UI 组件库了
使用 Create React App 创建 UI 组件库的前端工程环境。 参数 react_scripts 用来告诉 Storybook 当前项目使用 Create React App 创建的,Storybook会根据该参数来自动安装合适的包。 addon-info 插件会自…
React 之我见:JSX,虚拟 DOM,Diff 算法,setState,state 和 props 梳理
本文主要梳理一下我对 React 框架基础内容的认识,之后也会总结一些深度内容的认识。当然,笔者水平也有限,如果你发现不妥之处,望斧正! 因为可以进行组件化开发?社区强大?使用的人多?有很多好用的第三方库和插件?适用于单页面应用开发?这些都不是最本质的原因。 最本质的原因是保持…
8个问题带你进阶 React
高阶组件(HOC) , render props 以及 hook 的对比和用处. 如果以上的问题你都懂的话, 那么你可以关闭这个网页了. 一. 高阶组件(HOC) , render props 以及 hook 的对比和用处. 二. 虚拟 DOM 是什么? 在 React 中, …
React组件逻辑复用的那些事儿(Mixins -> HOC+render props -> Hooks)
基本每个开发者都需要考虑逻辑复用的问题,否则你的项目中将充斥着大量的重复代码。那么 React 是怎么复用组件逻辑的呢?本文将一一介绍 React 复用组件逻辑的几种方法,希望你读完之后能够有所收获。如果你对这些内容已经非常清楚,那么略过本文即可。 我已尽量对文中的代码和内容进…