React项目搭建
8篇文章 · 0订阅
  • 「超详细React项目搭建教程八」使用 Redux-thunk实现Redux异步操作
    在上一篇文章中，我们在项目中集成了的同步 Redux.在本篇文章中，我们将在 Redux 中使用异步 actions 优化我们的代码State我们先来回忆下我们的 store 类型so? 我们的 st
    React.js
    「超详细React项目搭建教程八」使用 Redux-thunk实现Redux异步操作
  • 「超详细React项目搭建教程七」封装 Fetch 请求
    fetch API是原生 JavaScript 提供的一个概念，主要用来与 Web 服务器进行交互。 我们如何在async和await中使用fetch呢？ 以及如何将它与 TypeScript 结合在
    JavaScript
    「超详细React项目搭建教程七」封装 Fetch 请求
  • 「超详细React项目搭建教程六」集成 Redux/Typescript
    话说实践出真知,下面我们通过 Redux 实现一个用户名的添加和删除。以便加深我们对 Redux 的理解 状态我们尽量简化，因为我们主要专注于 Redux Store 以及 React 组件如何以强类型的方式进行交互。 注意，我们没有给payload 明确类型，因为 actio…
    React.js
    「超详细React项目搭建教程六」集成 Redux/Typescript
  • 「超详细React项目搭建教程四」集成图片/字体
    这个错误与上一篇文章的 CSS 报错很类似啊。为了解决这个错误，我们在src/typings.d.ts中加入以下内容 注意，在打包过程中，Webpack 会为每一张图片赋予一个全局唯一的随机名称。 这也就意味着文件名不会与其他组件中的其他图片文件冲突。 重新启动项目并观察界面，…
    JavaScript
    「超详细React项目搭建教程四」集成图片/字体
  • 「超详细React项目搭建教程五」集成 React-Router/Antd Menu
    React 是一个用于构建用户界面的 JavaScript 库,它是单页面应用(SPA). 单页面应用,顾名思义:只有一个页面，它是没有路由导航机制的. 这时候往往需要一种路由机制，以便在不同的视图之
    React.js
    「超详细React项目搭建教程五」集成 React-Router/Antd Menu
  • 「超详细React项目搭建教程三」集成 CSS/Less/Sass/Antd
    在上一篇文章中，我们使用 TypeScript/ESLint/Webpack 搭建了一个 React 应用。这篇文章中,我们继续在上一篇文章的基础上加入 CSS/Less/Sass/Antd 当然！样式肯定是不会生效的。因为组件根本不知道container是在哪里被定义的。 s…
    React.js
  • 「超详细React项目搭建教程二」集成 Webpack5/React17
    在上一章节中我们已经使用 TypeScript/ESlint/Prettier/EditorConfig/stylelint,搭建好了前端规范的基础设施。这篇文章将会使用 webpack5 构建一个 React 应用。 因为这些能帮助我们提高代码质量。我们还会 使用 npm i…
    React.js
    「超详细React项目搭建教程二」集成 Webpack5/React17
  • 「超详细React项目搭建教程一」企业级前端开发规范如何搭建🛠
    使用 npm init -y 初始化一个前端项目,这会自动生成package.json 文件。当我们安装项目依赖的时候,这个文件会自动更新 TypeScript 会在编译代码时，进行严格的静态类型检查。意味着可以在编码阶段发现存在的隐患，而不用把隐患带到线上去 TypeScri…
    JavaScript
    「超详细React项目搭建教程一」企业级前端开发规范如何搭建🛠