阅读前提：希望你对react-hook的官方文档有几次阅读。 下面我基本是拿了人家的代码直接过来自己执行。该骂看起来不难，重要的是人家的思路值得学习。 如果想看原味的请移步这里参考地址，仔细看完你会觉得太美了。 下面的代码是封装类似于useHttp的自定义hook。 可以替代原…

以下面试题来源于github项目前端面试指南,那里有超过200道高频前端面试题及答案,目前拥有1400star. 组件化: 其中以 React 的组件化最为彻底,甚至可以到函数级别的原子组件,高度的组件化可以是我们的工程易于维护、易于组合拓展。 天然分层: JQuery 时代的…

众所周知，hooks在 React@16.8 中已经正式发布了。而下周周会，我们团队有个同学将会仔细介绍分享一下hooks。最近网上呢有不少hooks的文章，这不免激起了我自己的好奇心，想先行探探hooks到底好不好用。 react hooks在其文档的最开头，就阐明了hook…

由于笔者阅读障碍症晚期，所以将官方文档上的内容，进行简化拆分，并与vue进行对比。 React 不强制要求使用 JSX，但是JSX会使你的代码更具有阅读性。 react有一个all in js 的概念，所有的一切都在js文件中实现，比如dom标签。 vue则是 html+js+…

近几年前端对 TypeScript 的呼声越来越高，Ryan Dahl 的新项目 Deno 中 TypeScript 也变成了一个必须要会的技能，知乎上经常见到像『自从用了 TypeScript 之后,再也不想用 JavaScript 了』、『只要你用过 ES6，TypeScr…

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。本文是一篇以实战为主的文章，主要讲解实际项目中如何使用hooks以及一些最佳实践，不会一步步再介绍一遍react hooks的由来和基本使用，…

现在稍微大型的站点都会采用H5/PC端 并行，通过nignx获取浏览器的UA信息来切换站点。 但这对于一些企业站点或人手不足的小型项目来说，就很难实现。 通过CSS媒体查询实现响应式布局，是主流方式。 但是，有时在React程序中，需要根据屏幕大小有条件地渲染不同的组件（写媒体…

在React Conf 2018宣布React Hooks后，我第一时间开始尝试使用React Hooks，现在新项目基本不写Class组件了。对我来说，它确实让我的开发效率提高了很多，改变了已有的组件开发思维和模式. 我在React组件设计实践总结04 - 组件的思维中已经总…

React 与 Vue 有很多相似之处，React 和 Vue 都是非常优秀的框架，它们之间的相似之处多过不同之处，并且它们大部分最棒的功能是相通的：如他们都是 JavaScript 的 UI 框架，专注于创造前端的富应用。不同于早期的 JavaScript 框架“功能齐全”，…