文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

2020 年你应该知道的 React 库

它带有一些内置的解决方案，例如，用于本地状态和副作用的 React Hooks。 下面的文章将向您提供一些自己总结的方法，以便从补充库中进行选择，从而构建一个全面的 React 应用程序。...所有这些都可以在 React 中用于复杂的本地状态管理。它甚至可以模拟 Redux(Redux 是 React 的一个流行的状态管理库)。...所有 React 的内置 hooks 都非常适合本地状态管理。当涉及到远程数据的状态管理时，如果远程数据带有 GraphQL 端点，我建议使用 Apollo Client。...但是，有时候不仅需要提供复杂的异步请求，还需要它们具有更强大的功能，而且只是一个轻量级的库。我推荐的这些库之一称为 axios。当您的应用程序增大时，可以使用它来代替本地获取 API。...就我个人而言，我不使用它，但是任何时候有人问到 JS 中的不变性(immutability)，大家都会指出 Immer，并且这可以加上 redux 或 React hooks。

16.9K40

【译】我是如何学习任意前端框架的

现在，所有框架都提供API来管理你的状态（例如Angular有一个Service，React现在有Context API）以及当你的数据规模变大之后，你可以考虑使用像redux这样的库。...端点API示例： Github API OMDb API Spotify Web API wunderground API reddit API 你将学到： 使用HTTP客户端向端点API发起请求 使用键盘事件监听器...2.Auth App 我在上一节中提到的一些端点API（可能）需要一些身份验证，因此在这一节中尝试添加或构建另一个带有登陆/注册页面的应用程序。...，你可以使用本地存储或者使用在线服务（如Firebase）来构建此应用程序，甚至将它与后端框架集成在一起。...尝试为后端框架添加auth功能 4.聊天应用 在前面的章节中，对后端的所有请求都是单向的，你在管理应用程序状态时没有问题。

4.4K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    独立开发者必备的29个开源React后台管理模板

    ，内置在React Redux Saga中，具有firebase / fack后端身份验证和多语言支持，并具有开发人员友好的代码。...Dandelion Pro不仅可以帮助您作为入门套件进行开发，还可以使用React、Redux、JSS和带有ES6的下一代JavaScript学习高级开发。...Wieldy不仅可以帮助您作为入门套件进行开发，还可以通过遵循我们预构建的应用程序架构，使用React、Redux、Firebase、Router、Redux-Saga等学习高级开发。...每个页面都有自己的模块，因此完整的模板是100%模块化的，只需生成带有反应的组件，就可以轻松添加新页面。除此之外，我们还使用了最新的reactstrap版本来提供灵活快捷的布局方式。...19.Bamburgh 带有Reactstrap PRO的Bamburgh React Admin Dashboard完全基于React构建，并使用Facebook的流行入门工具包Create React

    9.5K10

    2022 年的 React 生态

    Hooks 非常适合 UI 状态管理，但当涉及到远程数据的状态管理（也包括数据获取）时，我建议使用一个专门的数据获取库，例如 React Query，它自带内置的状态管理功能。...如果你已经在使用 Redux，并且想要在 Redux 中添加集成状态管理的数据请求功能，建议你看看 RTK Query，它将数据请求的功能更巧妙的集成到 Redux 中。...通常还需要一些其他功能，例如密码重置和密码更改功能。这些能力远远超出了 React 的范畴，我们通常会把它们交给服务端去管理。...最好的学习经验是自己实现一个带有身份验证的服务端应用(例如 GraphQL 后端)。...然而，由于身份验证有很多安全风险，而且并不是所有人都了解其中的细节，我建议使用现有的众多身份验证解决方案中的一种： Firebase：https://www.robinwieruch.de/complete-firebase-authentication-react-tutorial

    6.5K20

    「首席架构师推荐」React生态系统大集合

    工具包 office-ui-fabric-react - 用于构建Microsoft Web体验的React组件 react-bootstrap - 使用React构建的Bootstrap组件 reactstrap...Elemental - React.js网站和应用程序的UI工具包 StateTrooper - 使用CSP集中管理React应用程序的状态 Preact：使用相同的ES6 API快速3kb React...- 利用React式编程的强大功能为组件增压 react-desktop - 使用React构建的OS X和Windows UI组件 Reapop - React和Redux通知系统 react-extras...Firebase集成 firedux - ReactJS的Firebase + Redux react-clickdrag-mixin - ClickDrag mixin for React组件 Rewrite...nivo - 它提供了丰富的数据可视化组件，构建在D3和React库之上。 vx - 可重用的低级可视化组件的集合。它结合了D3的强大功能，可以利用React的优势生成可视化，以更新DOM。

    14.7K30

    Flutter 3.0正式发布：稳定支持6大平台，字节跳动是主要用户

    根据 SlashData 开发者基准测试结果，62% 的 Flutter 开发者会在应用程序中使用 Firebase。...到了 3.0 版本，官方宣布 Flutter/Firebase 集成水平进一步提升，现已支持 Firebase 的全部核心功能。...通过 Flutter Crashlytics 插件更新，大家可以实时跟踪严重错误，获得与其他 iOS 和 Android 开发者相同的功能集。...其中提供多种重要警报和指标，例如“无崩溃用户”，可帮助大家了解应用程序的实际稳定性。...他表示，自 Flutter 1.0 beta 发布以来的这四年里，团队逐渐在此基础上修葺打磨，发布更多新的框架功能与功能部件、并与底层平台深入集成，同时带来更丰富的工具包库和性能 / 工具改进。

    9K20

    Redux介绍及源码解析

    如上面 disptach 流程所示, subscribe 将在任何一个 action 被执行完后调用, 虽然 Redux 没有传递任何参数给到 subscribe 的 listener, 但是在监听器中可以调用...或者 unsubscribe 时, 不会对当前正在执行的 diapatch 轮训监听器产生任何影响, 而是在下一个 dispatch 调用时使用新的订阅列表 ● 在 listener 中你也可以调用...__DO_NOT_USE__ActionTypes吗, 这里会触发他的REPLACE事件, 使用者可以在reducer里响应该事件 }observable这个函数通常情况下不会使用, 是为了配置具有...可以传入第三个参数 enhancer, 用来扩展一些包含自定义功能的中间件, 进行功能增强....当然, 现在官方已经开始推荐使用 redux-toolkit, 他是基于 Redux 的最佳实践, 简化了 Redux 的编写调用, 他采用了函数式、柯里化等编程思维, 具体差异可以参考官方说明.

    2.7K20

    18 个漂亮的 Bootstrap 模板

    优秀的现代仪表盘模板。 清晰、简单的用户界面的亮色设计。 使用的技术是 React Router、Redux、Material UI 和 SASS。 支持电子商务、加密、预订和移动应用的特殊仪表板。...具有材料设计的高级管理模板。 使用的技术是Angular 8、Sass、HTML5、Firebase。 精心设计的时尚元素。 80 多种集成页面和 12 种集成语言。...带有支持 CRUD 的 Node.js 后端。 精美的动画设计。 内置在线聊天应用程序。 许多现成的 UI 组件。 出色的内置分析工具，例如交互式地图、ECharts 和 highcharts。...有用的程序，例如发票导出到 pdf、邮件、聊天、联系人、待办事项列表。 带有模板的免费设计文件。 250 多个 UI 元素、小部件、页面。 最近更新：大约两周前。...方法法很简单： 确定你要使用的技术。 确定你应用的功能或要求（例如，我们需要进行群组和面对面的聊天，邮件和精美的个人资料页面。或者你需要在一个月内启动该应用程序，而且没有时间自定义模板）。

    19.3K11

    使用Tensorflow Lite在Android上构建自定义机器学习模型

    下面给大家分享我是如何开始在Android上构建自己的定制机器学习模型的。 移动应用市场正在快速发展。前任苹果CEO乔布斯说出“万物皆有应用”这句话时，人们并没有把它当回事。...然而，从移动应用的消费方式来看，你不仅有一个适用于所有东西的应用，你的应用往往还会跟随最新的趋势发展。 还记得钢铁侠的助手贾维斯吗?...TensorFlow的工作原理 Firebase提供的全新的ML工具包包含一系列API，是把机器学习运用到应用程序开发的一种有效的方法。...这些API的范围包括从人脸到图像的一系列检测，而有些API也可以在离线模式下访问。 然而，ML工具包并不能进行特异性鉴别，它无法帮助应用程序识别同一产品的不同类型。...所以ML kit和TensorFlow Lite的组合更适用于你的移动应用程序开发工作。使用这种组合是为了简化应用程序的开发过程，完善应用程序的功能。 ?

    2.9K30

    彻底让你理解redux

    这里留个疑惑好吧，简单的解释， 为什么可以这么用呢，因为我用了中间件呀~（后续会介绍） 为了减少样板代码，我们使用单独的模块或文件来定义 action type 常量 export const INCREMENT_COUNTER...简单的说，UI组建负责美的呈现，容器组件负责来帮你盛着，给你"力量" 好吧，官方点： UI 组件有以下几个特征： 只负责 UI 的呈现，不带有任何业务逻辑 没有状态（即不使用this.state这个变量...带有内部状态 使用 Redux 的 API 如： class App extends Component{ render(){ const {counter,increment,decrement...reducer是改变state的，state就可以可以理解成组件的粮食，需要的时候redux就把粮食通过dispatch投入到罐子里。 那么我怎么知道你需要呢？...关于redux的异步操作，以及在服务端的运行（node），universal渲染，结合react-router的使用等等等的功能，咱再慢慢了解慢慢研究慢慢总结哈~ ヾ(^▽^ヾ)

    59210

    Redux

    (listener)返回的函数注销监听器。 ​...这意味着应用中所有的数据都遵循相同的声明周期，这样可以让应用变得更加可预测且同意理解。同时也鼓励做数据规范化，这样可以避免使用多个独立且无法相互引用的重复数据。 ​...Link带有callback回调功能的链接。 onClick()当点击链接时会触发。 Footer一个允许用户改变可见todo过滤器的组件。 App根组件，渲染余下的所有内容。...如果把代码从Redux迁移到别的结构。这些组件可以不做任何改动的直接使用。 容器组件： ​ 还需要一些容器组件来把展示组件连接到Redux。...例如，展示型的TodoList组件需要一个类似VisibleTodoList的容器来监听Redux store变化并处理如何过滤出要显示的数据。

    2.1K20

    React Native推送通知：完整的操作指南

    推送通知已成为构建移动应用时需要考虑的重要功能。由于它们类似于短信，但发送不需要任何费用，许多企业现在更喜欢使用推送通知向应用用户发送信息和警报。...iOS设备 我们可以使用React Native Firebase库来在Android上集成FCM，使用 push-notification-ios 库来在iOS上集成APNs。...你可以查看这个GitHub仓库，这是我在这个教程中使用的服务器源代码。我们将访问服务器中的 utilities 目录，并在其中包含 Expo SDK。...Expo notifications 包提供了一个监听器，如果应用程序在前台，它可以检测到接收到的通知事件。...请注意，在这里，我没有设置 FCM 就收到了我的 Android 设备的通知，因为我在使用 Expo 应用进行开发。

    5.7K10

    “别更新了，学不动了” 之：全栈开发者 2019 应该学些什么？

    现在，我可以使用 Angular 创建世界上最好的组件，并将它交给我的朋友，她将它用在她的 React 应用程序中！...你仍然需要学习 Redux，因为你可以从 Redux 中学到一些有用的计算机科学原理，如事件溯源和 CQRS。...有一些方法可以解决这个问题，例如：PRPL 模式、prerender.io，或者你可以这么想，其实谷歌机器人在抓取单页应用程序时没有那么糟糕。...AWS——几乎任何你想要的东西，你可以永远不需要考虑自己管理服务器。 你需要学习 SQL ? Firebase、AWS 等托管数据库将继续增长，但你还是需要学习 SQL。...因此，对于全栈开发者和移动开发者而言，他们应该将更多的关注点放在移动设备 Web 应用程序上（例如使用 PWA）。

    3.1K30

    【领域驱动设计】Redux 和领域驱动设计

    在本文中，我解释了 DDD 是什么，一些关键概念，以及 Redux 如何实现其思想。理解两者，我们可以提供更好的实现；来自不同世界的两种方法相互碰撞并利用相同的设计原则。...Redux Redux 与领域驱动设计有着惊人的关联。虽然它不共享相同的术语，但想法是存在的。Redux 几乎是功能范式中 DDD 策略的实现。...推理很简单：您可以通过重放其事件来重建任何聚合的状态。 例如，您可以通过重播 PostAdded 事件来重建所有帖子。 你熟悉 Redux 中的这个概念吗？几乎可以肯定，是的。...这个想法是，一个独特的模型将消耗多个事件并一致地计算派生状态。然后，使用该新模型。例如，我们可以创建一个模型来统计帖子。它接收 PostAdded 事件并增加每个事件的计数。...例如，当我们有一个带有由键索引的实体的对象时，但我们有一个带有键的数组。它加快了列表查询。

    1.7K30

    解锁 2022 Google 游戏开发者峰会 | 打造高质量的游戏体验

    使用 Android 游戏开发工具包构建高质量 Android 游戏体验 我们致力于支持您构建高质量的 Android 游戏体验，并通过持续改进开发者工具和 SDK 来帮助您简化开发流程以及深入分析如何提升游戏的性能和稳定性...根据这些运行时信息，您可以选择立即降低游戏的内存使用量，比如更改游戏采用的 LOD (网格的细节级别)，也可以仅收集遥测数据，以了解游戏在受内存限制的设备上的资源使用情况，然后作出相应的游戏内容调整规划...Firebase Crashlytics 和 Firebase Remote Config 个性化功能 关于游戏质量和稳定性，我们为开发者带来了两个非常有用的工具，Firebase Crashlytics...个性化功能运用强大的机器学习技术，可自动确定对每个用户最优的体验，进而带来最佳的成效。例如，该功能可以自动确定对于哪些玩家，最适合鼓励他们参与社交分享互动。...开发者只需使用 Google Play Billing API，这项功能就可以切实发挥作用。 您也可以观看视频，了解如何 让多样化和包容性根植于游戏设计和发布中。

    6.7K30

    Flutter 移动端架构实践：Widget-Async-Bloc-Service

    这可以理解，因为不同的app有着不同的业务需求，选择最合适的技术取决于我们正在尝试开发什么样的功能。...如果有需要，我们甚至可以执行高级的流操作，例如通过combineLatest将流组合在一起。 但是要明确： 1.如果需要以某种方式组合，我建议在单个BLoC中使用多个流。...换句话说，我们可以将Service视为 纯粹 的功能组件, 它可以修改和转换从第三方库收到的数据。...然而，对于仅使用接收器和流的“严格”版本的BLoC，这是不可能的。仅供参考，在Redux中实现这样的功能…嗯…并不是那么有趣！...我也喜欢WABS可以在没有任何外部库的情况下实现（除了Provider包）。 最终选择哪一个取决于您的实际开发场景，这也和个人喜好和品味息息相关。 我应该在我的应用中使用BLoC吗？

    18.8K20

    优雅地乱玩 Redux-1-Getting Started

    Redux会保存最后结合起来了的State并且调用各个监听器 Key Concepts Reducer 关于多个同级Reducer Store 个人笔记, 基于官方英文教程, 添加了一些批注...Redux 会保存最后结合起来了的 State 并且调用各个监听器 现在这个时候已经获取到了下一个状态了 如果我使用store.subscribe(listener)注册了个监听器，会在这个时候被调用...，并且可以通过store.getState()获取到当前的状态 最后通过更新之后的状态刷新 UI Key Concepts 使用 Pure Function 来描述 State 变化 即通过各种 Dispatcher...函数返回多个 sub-Reducer, 例如上面返回了a和b两个 reducer import { combineReducers } from 'redux' const a = (state =...)来注册监听器 并且还要通过subscribe(listener)的返回值决定是否接触监听器 创建 Store 的例子: import { createStore } from 'redux' import

    27320

    前端react面试题（必备）2

    所谓 Pre-commit，就是说我在这个阶段其实还并没有去更新真实的 DOM，不过 DOM 信息已经是可以读取的了；Commit 阶段：在这一步，React 会完成真实 DOM 的更新工作。...TypeScript写React应用吗？...JavaScript 文件重命名为 TypeScript 文件即后缀名为 ‘.tsx’（例如 src/index.js 重命名为 src/index.tsx ）Redux 中异步的请求怎么处理可以在 componentDidmount...action偶合在⼀起,不⽅便管理功能孱弱: 有⼀些实际开发中常⽤的功能需要⾃⼰进⾏封装使用步骤：配置中间件，在store的创建中配置import {createStore, applyMiddleware...⿊魔法” thunk function异常处理: 受益于 generator function 的 saga 实现，代码异常/请求失败 都可以直接通过 try/catch 语法直接捕获处理功能强⼤: redux-saga

    2.8K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券