腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

WebJ2EE

专栏作者

231

文章

374314

阅读量

28

订阅数

【Redux】：Redux 指北

linux typescript redux react mapreduce

Redux 是JavaScript 应用的状态管理容器，提供集中式、可预测的状态管理。

2021-06-15

1.5K0

【路由】：路由那些事——上

https 网络安全 react github git

前端三杰 Angular、React、Vue 都推荐单页面应用 SPA 开发模式，它们都有自己的前端路由解决方案：

2021-04-07

1.8K0

【路由】：路由那些事——中

https 网络安全 api react javascript

示例：（特别注意，下面是基于"path-to-regexp": "^6.2.0" 搞的测试）

2021-04-07

1.1K0

【Hooks 小贴士】：state 相关 Hooks

react 数据结构 https 网络安全 javascript

用途：A hook that stores the state into url query parameters.

2021-03-16

9730

【Hooks】：[组]Declarative & Imperative

编程算法 http react linux https

This article strives to make this distinction of declarative vs imperative specifically for people transitioning from vanilla Javascript into React. Additionally, I am writing this during a similar transition so I apologize for any misinformation. But, I am a person who cannot just idly sit by with “React is a declarative writing style.” Therefore, I will attempt to pull apart what makes React declarative and compare it to its imperative counterpart.

2021-02-26

6610

【Hooks】：[组]A Complete Guide to Testing React Hooks

Hooks were introduced in React 16.8 in late 2018. They are functions that hook into a functional component and allow us to use state and component features like componentDidUpdate, componentDidMount, and more. This was not possible before.

2021-02-26

1.1K0

【Hooks】：划一波官方文档的重点...

linux 编程算法 react mapreduce 云推荐引擎

1.1. It’s hard to reuse stateful logic between components

2021-02-26

6600

【Hooks 小贴士】：LifeCycle 相关 Hooks

react 编程算法

用途：使用上与 useEffect 完全相同，只是它忽略了首次渲染，且只在依赖项更新时运行。

2021-02-26

1.7K0

【Hooks】：[组]Awesome React Hooks

react https 网络安全编程算法

We know that components and top-down data flow help us organize a large UI into small, independent, reusable pieces.However, we often can’t break complex components down any further because the logic is stateful and can’t be extracted to a function or another component. Sometimes that’s what people mean when they say React doesn’t let them “separate concerns.”

2021-02-26

6620

【Hooks】：[组]When to use React.useCallback()

react 云推荐引擎 linux 编程算法 https

I write a lot of React components which require code review. Many times during that process someone has dropped the classic line:

2021-02-26

4010

【Hooks】：[组]How to useReducer in React

react mapreduce linux javascript

The concept of a Reducer became popular in JavaScript with the rise of Redux as state management solution for React. But no worries, you don't need to learn Redux to understand Reducers. Basically reducers are there to manage state in an application. For instance, if a user writes something in an HTML input field, the application has to manage this UI state (e.g. controlled components).

2021-02-26

2810

【Fiber】: [转]React 为什么使用链表遍历 Fiber 树

react 云推荐引擎网站 http node.js

To educate myself and the community, I spend a lot of time reverse-engineering web technologies and writing about my findings. In the last year, I’ve focused mostly on Angular sources which resulted in the biggest Angular publication on the web — Angular-In-Depth. Now the time has come to dive deep into React. Change detection has become the main area of my expertise in Angular, and with some patience and a lot of debugging, I hope to soon achieve that level in React.

2021-02-26

6800

【Fiber】：[转]深度解析 React 内部 state、props 的更新过程

react node.js linux

In my previous article Inside Fiber: in-depth overview of the new reconciliation algorithm in React I laid the foundation required to understand the technical details of the update process that I’ll describe in this article.

2021-02-26

6400

【Fiber】：[译]深入解析React的新协调算法

react node.js linux

深入研究 React 的新架构 Fiber，了解新协调算法的两个主要阶段。我们将详细了解 React 如何更新组件状态（state）、属性（props）以及如何处理子元素（children）。

2021-02-26

5670

【Hooks】：[译]React hooks是怎么工作的

react 编程算法

从根本上说，hooks 是一种相对简单的方式去封装状态行为和用户行为。React 是第一个使用 hooks 的，然后广泛地被其他框架（比如：Vue、Svelte）所接受。但是，hooks 函数式的设计需要对 javascript 的闭包有一个深刻的理解。

2021-02-26

9760

【Hooks】：[译]不是魔法，仅仅是数组

编程算法 api 渲染 react

我是 hooks api 的粉丝，但是，在使用 hooks 的时候，它会有一些奇怪的约束。如果你很难理解这些规则，不妨看看这篇文章。

2021-02-26

6370

【Hooks】：setInterval 与 React Hooks

Our “impedance mismatch” is between the React programming model and the imperative setInterval API.

2021-02-26

1K0

【ReactLive】：React 组件在线编辑器

react https 编程算法 github git

目录 1. ReactLive 是什么？能做什么？ 2. ReactLive 的构成？工作原理？ 3. 综合示例 1. ReactLive 是什么？能做什么？ React Live 能实现 React 组件级的在线编辑、预览功能。 React Live brings you the ability to render React components with editable source code and live preview. import { LiveProvider, LiveEdit

2021-01-28

3.2K0

【React】：路由（Routing）

https 网络安全 typescript react github

Vue 路由库：Vue Router https://router.vuejs.org/zh/ iview-admin 对路由的管理： https://lison16.github.io/iview-admin-doc/#/%E8%B7%AF%E7%94%B1%E9%85%8D%E7%BD%AE

2020-05-09

1.2K0

【React】【案例】：简易轮播组件

react https css jquery ui 网络安全

目录 1. 组件展示 2. 关键技术 3. 关键实现 4. 组件接口 1. 组件展示组件特性：滑动箭头，只有当待滑动内容无法完整显示时才出现。滑动过程使用动画体现。滑动到左边界时，左滑动箭头给出不可滑动标识。滑动到右边界时，右滑动箭头给出不可滑动标识。浏览器缩放时，也能满足上述条件。 2. 关键技术如何实现竖直居中？ absolute + top:50% + transform(-50%, -50%) 如何避免用户点击滑动箭头时，意外选中文本？ css3 -> user-select:non

2020-04-21

1.1K0

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态