React
15篇文章 · 0订阅
  • 「React 进阶」 React 全部 Hooks 使用大全 （包含 React v18 版本 ）
    介绍目前 React 提供的所有 hooks ，介绍其功能类型和基本使用方法，查缺补漏，助你早日进阶 React !
    React.js JavaScript 前端
    「React 进阶」 React 全部 Hooks 使用大全 （包含 React v18 版本 ）
  • 「前端工程化」从0-1搭建react，ts脚手架（1.2w字超详细教程）
    我们在这边文章里面用的是mycli ，但是我并没有上传项目到npm,但是这篇文章的技术是笔者之前的一个脚手架原型，感兴趣的同学本地下载可以体验效果。 一条命令创建项目，安装依赖，编译项目，运行项目。 我们希望用一条命令行,实现项目创建，依赖下载,项目运行，依赖收集等众多流程。如…
    Node.js
    「前端工程化」从0-1搭建react，ts脚手架（1.2w字超详细教程）
  • 基于业务场景下的图片/文件上传方案总结
    图片/文件上传组是企业项目开发中必不可少的环节之一, 但凡涉及到用户模块的都会有图片/文件上传需求, 在很多第三方组件库(ant desigin, element ui)中它也是基础组件之一. 接下来笔者就来带大家从零实现一款图片/文件上传组件以及扩展出更强大的上传组件. 作为…
    JavaScript 前端框架
    基于业务场景下的图片/文件上传方案总结
  • 基于react/vue开发一个专属于程序员的朋友圈应用
    今天本来想开源自己写的CMS应用的，但是由于五一期间笔者的mac电脑突然崩溃了，所有数据无法恢复，导致部分代码丢失，但庆幸的是cms的打包文件已上传服务器，感兴趣的朋友可以在文末链接中访问查看。 今天要写的H5朋友圈也是基于笔者开发的cms搭建的，我将仿照微信朋友圈，带大家一起…
    React.js Vue.js
  • 发布一个react组件——react-read-pdf，用于在移动端展示PDF文件
    PC端的浏览器对于PDF文件的展示没有太大的问题，给定一个PDF的链接，就可以用浏览器默认的展示样式来展示和渲染PDF文件的内容。比如一个"http://www.baidu.com/test/pdf"。 如何在移动端展示这个文件。为了在移动端展示和渲染PDF文件的内容，本文在p…
    前端 NPM TypeScript
  • 技术胖的2019新版React全家桶免费视频（84集）
    一共84集，从5月4日开始录制，到9月18日完成，5个月时间。如果是一个专业讲师，这进度你会说太慢了，但我的视频都是下班后录制的。今天是个不错的日子，也是我的生日（84年9月18日），标志着我正式进入35岁。在这个特殊的日子里，我献给大家我这将近半年的努力成果，希望更多的小伙伴…
    React.js
  • 打造属于你自己的instagram! 全栈项目(react + egg.js)
    注：此项目纯属个人瞎搞，与instagram无任何关系。 因前后端不同端口原因，为解决跨域。前端工程启动了devServer，需先启动后端工程
    React.js JavaScript 前端框架
    打造属于你自己的instagram! 全栈项目(react + egg.js)
  • 【面试进阶】React组件设计模式（一）
    我们一般编写组件，都会这么去做，list包裹item，循环展示item。数据放在list组件中，item作为一个无状态组件，只做他的展示。 数据交互通过props传递，点击+-会改变购物车里的数据。 现在需求来了，双12来了（就在昨日），所有商品8折优惠。 这意味着我们需要修改…
    React.js
  • react设计--他怎么知道是类组件还是函数组件
    (直到最近，这是使用状态等功能的唯一方法。) 在这两种情况下，React的目标是获取渲染节点（本例中，是<p> Hello </ p>）。 就像在我之前的帖子中一样，你不需要知道this在React中的所作所为。多年来我一直都不知道。请不要把它变成面试问题。事实上，这篇文章更多…
    React.js JavaScript 前端
  • 解读redux工作原理
    随着WEB应用变得越来越复杂，再加上node前后端分离越来越流行，那么对数据流动的控制就显得越发重要。redux是在flux的基础上产生的，基本思想是保证数据的单向流动，同时便于控制、使用、测试。 redux不依赖于任意框架(库)，只要subscribe相应框架(库)的内部方法，就可以使用该应用框架保证数据流动的一致性。 那么如何使用redux呢？下面一步步进行解析，并带有源码说明，不仅做到知其然，还要做到知其所以然。
    React.js
    解读redux工作原理