前端
qyhyzard
愿技术分享成为一种习惯
展开
-
【详解】 React 组件生命周期 API 及 useEffect Hook 新特性方案
文章目录1. 引言2. 组件生命周期过程及API详解 3. 使用 useEffect 方法替代生命周期API 4. 推荐阅读如果你想要:完整了解整个组件生命周期和对应函数API,那么请从头开始;快速理解传统生命周期函数API的含义和使用,那么点击这里;快速了解如何在函数组件中使用useEffect来替代原有的生命周期API,那么点击这里.1. 引言如果你是一名前端开发者,并且使...原创 2019-06-11 13:48:00 · 6822 阅读 · 4 评论 -
使用 Docker、Nginx部署一个简单React Demo到云服务器上
本人最近在开发的react项目已经到了部署的阶段,我也是第一次上手docker,nginx,所以并不是很精通,这里仅仅是演示如何部署一个简单的前端react项目到服务器上,然后进行网页访问。在这里,借此文记录一下整个部署过程, 主要是云服务器购买和简单使用,以及环境配置,项目打包等内容。文章目录购买云服务器连接云服务器安装 Docker 环境安装 Nginx打包React项目购买云服务器云...原创 2019-06-25 11:47:11 · 6082 阅读 · 2 评论 -
React路由 | 介绍几种常用的react-router-v5的方法
使用 react-router 来进行页面跳转是我们学习react的基本功。笔者最近上手react 不久,也必然遇到了使用 react-router来跳转的几种情景。所以结合个人的项目时间,就写就本文,当作是一个总结。本文主要关注以下几种场景:通过手动修改url进行路由跳转;对页面局部组件进行切换和跳转;为了变更顶层页面组件,进行跳转;对于无法匹配的资源,进行跳转到 404 页面;分...原创 2019-06-23 22:47:28 · 4584 阅读 · 0 评论 -
React 学习 | 常见的反模式和组件设计原则总结
在软件开发中,反模式被认为是糟糕的编程实践的特定模式。在React组件开发中,我们可能会不小心地陷入反模式的陷阱,编写一些违背编程框架和思想的代码。了解一些常见的反模式,有助于我们避开这些错误,增进对React这一个框架工作原理的理解,正确的掌握React开发的方法。而了解一些常用的组件设计原则则有助于增强我们的代码设计水平,编写更加漂亮和高效的代码。本文结合个人项目实践,对常见的几种组件反...原创 2019-06-24 20:40:54 · 678 阅读 · 0 评论