【构建】react打造你的第一个Bilibili首页开发项目
简 介
Hello 小极客们,如果觉得本文还不错,记得点个赞或者给个 star,你们的赞和 star 是我编写更多更丰富开源项目的动力![新手开发学习必备] (做个b站,细节拉满!(持续更新))
技术栈
- React Hooks全家桶
- JavaScript 小白都会的一门语言
- ant design - mobile 时下流行移动端最爽框架
- axios 数据请求 + fastmock 数据接口
- styled-components 样式开发
- classnames 动态添加类名 npm包
【】 简单易学,童叟无欺(doge)
实现的部分功能
一. 分区的选择
1. 路由的实现
![](https://i-blog.csdnimg.cn/blog_migrate/0f1ebadb92438fc75125c46cea824777.gif)
import { lazy } from 'react'
import { Route, Routes } from 'react-router'
const Shouye = lazy(() => import('../pages/Shouye'))
const Space = lazy(() => import('../pages/Space'))
const Donghua = lazy(() => import('../pages/Donghua'))
...
// 延迟加载,运行按需加载 当切换到这个路由后再加载 lazy
export default function RoutesConfig() {
return (
<>
<Routes>
<Route path='/' element={<Shouye />} />
<Route pa