个人技术分享

注意，这里充分体现了Django开发最不方便的地方，因为我们没有继承默认的DRF类，所以这个接口不支持通过网页测试了。这里不能叫auth，否则会重名，会抛异常。所以，这里我们使用Postman进行测试。注册成功以后，会返回一个token。

React Fiber 是 React 的一种重写和改进的核心算法，用于实现更细粒度的更新和高效的调度。它是 React 16 版本中的一个重要更新，使得 React 能够更好地处理复杂和高频的用户交互。React Fiber 是 React 渲染的重要概念，可以说 React 主要数据都是保存在 Fiber 树上，对状态的改动最终都会体现在 Fiber 节点的更新上。

在项目的开发中，何时使用状态提升，何时使用上下文，我们需要根据具体需求，以及组件的复杂性。当只有少数几个组件需要访问状态，并且这些组件关系密切（如父子或兄弟组件）时使用。保持数据流简单和明确，使得追踪和调试数据流通过组件的方式更加容易。状态提升的好处是简单、方便，但是需要层层传递，如果结构复杂就显得比较混乱。对应使用上下文，可以应用在以下几种场景当状态需要被应用内不同层级的许多组件访问时。用于可以被视为“全局”的数据，如主题、用户设置、身份验证数据等。

在 React Native 中使用 flexbox 规则来指定某个组件的子元素的布局。Flexbox可以在不同屏幕尺寸上提供一致的布局结构。

基于业务封装react-router-dom的Link组件

让我们看看创建的项目文件。使用代码编辑器打开backend项目。我会在这本书中使用vscode编辑器。

React 通过 Batch 方式将所有的数据更新整合在一起，而不是每次都进行更新。在 React 渲染分为两个阶段，Render 和 Commit，Render 是修改 React 组件的状态，把需要更新的组件标记为待更新，在 Commit 阶段将待更新的组件进行渲染并最终更新到浏览器的 Dom 树中。Render 阶段是可以并执行操作的，组件状态如有变更，保留新的状态，抛弃老的状态，这个阶段就是虚拟 Dom 更新阶段，不是简单销毁并重新构建，而是通过一系列比较算法只更新有变化的属性。

让我们看看创建的项目文件。使用代码编辑器打开backend项目。我会在这本书中使用vscode编辑器。

【代码】react mobx mobx-react-lite 使用。

react 核心概念-JSX

现在，让我们开始开发我们的后端服务吧！一个Django项目可以包含一个或者多个应用，用于一起写作以提供强大的API功能。Django使用应用来划分各个模块的核心功能，用来保障代码的整洁和可读性！在bakend根目录下，使用下面的命令，来创建一个叫做todo的新应用。一个叫做todo的文件夹会被添加到项目中。在接下来的开发中，我们会解释这个文件夹内部的各个文件为用法。尽管我们的应用已经存在项目目录了，但是Django无法自动识别它，除非我们显式的添加它。

在现代的Web开发中，React已经成为了一个非常流行的前端框架，它以其简洁的语法和高效的性能赢得了众多开发者的青睐。而在React应用中，组件之间的通信是一个至关重要的话题，它关乎着应用的结构设计和数据流管理。本篇博客将探讨React组件之间通信的各种方式，让我们一起探索前端交互的新境界吧！

React Native 中的组件是使用 JavaScript 进行样式化的。颜色属性通常与 Web 上的 CSS 工作方式相匹配。

在父组件定义一个函数接受参数，接收的参数用于接收子组件的信息，把函数传给子组件，子组件调用父亲传来的函数并把要告诉父亲的话传到函数中，就实现了子传父消息。

【代码】react 权限树形结构实现。

当用户点击按钮时 React 会调用你传递的事件处理函数。你可以通过在组件中声明。事件处理函数：你只需。

react 核心概念-JSX

react中兄弟组件传参数，和vue思想是一致的，首先是子传给父，再由父传给另一个孩子。3.在子组件接收父组件传过来的函数，先解构再绑定到触发父组件传过来的这个函数上。2.在父组件定义好一个函数传给儿子 传给儿子。1.在儿子组件定义好想要传给父组件的消息。4.定义一个useState（）状态变量。5.然后绑定在父组件的子组件的调用上面。6.在子组件调用传回的数据。

注意：这里我选择使用Python3.11 + Django5，如果有不会安装的同学，去看到搭建Anaconda环境的那篇文章。

注意：这里我选择使用Python3.11 + Django5，如果有不会安装的同学，去看到搭建Anaconda环境的那篇文章。