114、稀土掘金小册-记账本（五）登录注册
前言上一章节我们实现了底部导航栏，并且创建了三个主页面，这三个页面是需要展示底部导航栏，而我们本章节要制作的「登录注册页面」便是不需要底部导航栏的单独页面。 本教程已有线上地址在线地址，同学们可以在实战部分，对照着线上页面进行学习。 知识点组件：Cell、Input、Button、CheckBox。 注册页面 我们的系统是面向多用户的，换句话说也就是一个纯正的 C 端项目，任何人都可以通过网站，注册一个新的账号。接下来开始注册页面的编写。 首先新建 Login 文件夹，在文件夹内添加两个文件 index.jsx 和 style.module.less，我们先把注册页面的静态页面切出来，首先给 index.jsx 添加如下代码： 123456789import React from "react";i..
更多113、稀土掘金小册-记账本（四）底部导航栏
前言上一章节，我们从 0 开始搭建出一套以 React 技术栈为基础的前端开发环境，过程中肯定会遇到各种奇奇怪怪的问题，比如 Node 版本问题，工具包的版本问题，插件下载完之后，无法得到自己想要的效果等等，为了大家能顺畅地进行开发，请大家尽量将项目中用到的 node_module 包版本和我提供给大家的项目中的版本，保持一致。 倘若你学会了这一套搭建流程，我希望你能举一反三，根据项目需求，灵活的切换组件库、PC 版、甚至是主框架。这对提升自己的知识广度很有帮助，因为相比每次都看教程，自己手动实现一遍，印象会更深刻，遇到问题也能通过自己的认知，去解决它。 扯得有点远了，本章节我们将正式进入前端实战环节。 本教程已有线上地址在线地址，同学们可以在实战部分，对照着线上页面。 知识点 编写底部导航栏 创建..
更多112、稀土掘金小册-记账本（三）react vite2.0 ZarmUI搭建开发环境
前言React 技术栈的 UI 组件库相比 Vue，会少一些。我们耳熟能详的便是 Antd，但是它针对的是 PC 端的，我们的项目目前是一个 H5 的网页（不排除后期做一个 PC 端）。所以我选择了 Zarm。 这里再次强调，不是 Zarm 就比别的移动端组件库好，只是目前我开发的这款记账本项目，Zarm 比较适合。 知识点 构架工具 Vite。 前端框架 React 和路由 react-router-dom。 CSS 预加载器 Less。 HTTP 请求库 axios。 移动端分辨率适配 flexible。 跨域代理。 初始化 Vite + React 项目Vite 官方提供两种初始化项目的方式，一种是如下所示，可以自由选择需要的前端框架。 1npm init @vitejs/app 另一种则是直..
更多111、稀土掘金小册-记账本（二）react vite
前言我还是那句话，工具永远是服务于需求的。纵观整个前端生态的项目构建工具，有服务于 React 生态的 create-react-app、umi、Next.js 等。服务于 Vue 生态的 Vue CLI、Vite、Nuxt.js 等。它们都是耳熟能详的团队和大佬，为了解决各自需求而研发出来的前端构建工具。而我们要做的其实就是根据项目的需求，进行合理的选择和学习。说白了，在你没有决定权的时候，公司用什么，你就学什么。在你有话语权，能自己抉择的时候，哪个让你开发起来比较舒服，就用哪个。 这些构建工具中，有一个比较特殊，那就是 Vite，它是尤雨溪在发布 Vue 3.0 时，同步推出的一款前端构建工具。它不光服务于 Vue，同时也对其他的框架如 React、Svelte、Preact 都有一定的支持，我们本..
更多110、稀土掘金小册-记账本（一） react hooks
React 早期的写法以 Class 类组件为主，附带一些纯用于展示的函数组件，但是函数组件是不能控制自身的状态的。 直到 16.8 版本出来之后，引入了全新的 Hooks 写法，这让之前的类写法就显得 比较累赘，函数组件的写法开始流行起来。函数组件引入了多种钩子函数如 useEffect、useState、useRef、useCallback、useMemo、useReducer 等等，通过这些钩子函数来管理函数组件的各自状态。
更多