React入门到精通

React入门到精通系列教程带你进入React大门,并通过实例教程让你彻底掌握React知识

React实战教程

导学视频
Jokcy

Web前端工程师

现任某大型互联网公司前端架构师,带领众多前端小伙伴开发项目,对前端学习以及发展方向非常熟悉,多次组织公司内部培训,讲法一流。

了解讲师
React 源码深度解析 高级前端工程师必备技能

前端行业主流框架
深度讲解React实现原理
助你更好的解决React开发的各种问题,晋升高级开发工程师

... 已有1192同学加入学习
加购物车 立即学习
导学视频
艾特老干部

Web前端工程师

前端架构师,《React进阶之路》作者,目前就职于某一线互联网公司。拥有丰富的Web前端和移动端开发经验,对React技术栈和移动Hybrid开发技术有深入的理解和实践经验。

了解讲师
React16+Redux+React Router4 实战企业级大众点评WebApp

快速学习React、Redux的核心思想和用法
选取真实大众点评 WebApp 为实战案例
实现独立应用React+Redux技术栈完成中等复杂度项目的前端架构设计

... 已有830同学加入学习
加购物车 立即学习

React相关问答

相关猿问

webpack打包的时候出现这个错误

最赞的回答

npm install autoprefixer --save

相关猿问

2018毕业,前端开发方向,找不到工作。

最赞的回答

熟悉 CSS 布局JavaScript 高级程序设计里面讲的东西都懂(JavaScript 权威指南真不适合做教程),原型,继承,闭包,抄一遍 lodash 源码就此一半的前端优秀了React,Vue 得会一个,会的意思不是知道 API 怎么调用,而是明白其特性,适用场景,核心优势,主要缺陷等看过 图解 HTTP,了解 HTTP2 的特性和针对性的性能优化能用 NodeJS 写一个简单的静态资源服务器,代码构建,单元测试什么的懂一些性能优化可以系统的说出来,不要简单列举一些点前端工程相关知识,静态资源怎么管理,怎么发布上线,怎么缓存和清除缓存,怎么快速回滚,怎么锁定依赖版本等如果有无线开发经验...

相关猿问

怎么知道自己的babel是否安装成功,我的环境是mac下的,按照babel官网的方式安装。

最赞的回答

你是想用babel具体来干什么呢?如果你想用babel单独进行文件的编译,是需要全局安装的。如果你是想在项目中使用babel对文件进行转码,那么请不要将它全局安装单独使用,因为你这样做会使项目产生对环境的依赖,不利于项目开发的迁移和团队间合作。一般采用的方式是配合自动化构建工具,如webpack、gulp等进行编译,以npm包的形式引入项目。安没安装成功,你去编译一个文件不就知道了么。

相关猿问

angularjs,vue和react这些框架是基于commonjs还是AMD规范?这个问法是不是有问题?

最赞的回答

一般情况下,前端的采用require加载的都是遵循commonjs规范,例如angular、react、vue中的require某个模块和插件。采用回调函数加载的都是使用AMD规范,例如angularjs创建module时angular.module([], function() {});很多外部模块的引入也是采用的AMD规范,因为要走网络请求。 综上:这三个框架采用的规范和是不是node环境没有关系,加载内部模块方法采用require时,遵循commonjs规范;加载时采用回调函数方式加载时采用AMD规范。

相关猿问

React.js,Angular.js,Vue.js哪个适合作为自学框架入门?

最赞的回答

原生JS才是最重要的,先学好这个。三大框架觉得vue最好学,react其次。建议先别去学框架,去了解webpack,然后在页面引用vue.js写页面,最后整合在一起去学vue框架。

相关猿问

使用了webpack,babel 但是不知为什么我一旦import 文件就会报错!而且ES6的语法也不能用!

最赞的回答

第一:最外层是loaders, 并且loaders已经弃用了,应该使用rule第二:现在不用query在这里,而是专门写在.babelrc里https://webpack.js.org/configuration/module/#rule-loaders <...图片...>

相关猿问

慕课网的免费前端课程太杂

最赞的回答

我也有这种感觉,有钱的话买职业路是不错的选择。

相关猿问

react-router在跳转的时候如何传递参数?

最赞的回答

<...code...>

React相关文章

手记文章

当后端一次性丢给你10万条数据, 作为前端工程师的你,要怎么处理?

前段时间有朋友问我一个他们公司遇到的问题, 说是后端由于某种原因没有实现分页功能, 所以一次性返回了2万条数据,让前端用select组件展示到用户界面里. 我听完之后立马明白了他的困惑, 如果通过硬编码的方式去直接渲染这两万条数据到select中,肯定会卡死. 后面他还说需要支持搜索, 也是前端来实现,我顿时产生了兴趣. 当时想到的方案大致如下: 采用懒加载+分页(前端维护懒加载的数据分发和分页) 使用虚拟滚动技术(目前react的antd4.0已支持虚拟滚动的select长列表) 懒加载和分页方式一

浏览7491推荐3
手记文章

React Hook源码解析(二)

ID: 符合预期的CoyPan CoyPan,BAT某厂符合预期的FE,正努力成为一名出色的工程师 写在前面 在上一篇文章中,主要分析了Hook在React中是如何保存的,以及Hook的更新过程。本文中,我们将通过下面两个问题,继续深入研究Hook,以弥补上文中略过的一些细节。 1、如果我连续多次调用setState,Hook会怎么处理呢? 2、Hook的useEffect 是如何工作的? 连续多次setState 先看示例代码: const App = () => { const [count, setCount] = useState(0); const handleClick = ()

浏览4637推荐0
手记文章

我花了半年时间,做出一套使用 Typescript 高仿 AntD 从零到一实现自己组件库的课程

新课的地址:https://coding.imooc.com/class/428.htm​ 在慕课网出品几门课程之后,我一直在想接下来应该给同学们带来一套怎样与众不同又真正让大家成长的课程,现在市面上已经有非常多的大前端,面试,各种全家桶的课程,那么这些同质化的课程是否真的能抓住大家的痛点呢? 很多同学学习技术陷于一个瓶颈,尤其是很多在中小型公司的同学,发现工作中每天都深陷重复业务的泥潭,不由的产生一种恐慌的心情,觉得自己在浪费时间没有提高。所以我之前的课的同学经常会问我几个问题: 1 在学习

浏览8948推荐9
手记文章

精通React/Vue系列之手摸手带你实现一个功能强大的通知提醒框(Notification)

前言 本文是笔者写组件设计的第十篇文章, 今天带大家实现一个比较特殊的组件——通知提醒框(Notification)。 该组件在诸如Antd或者elementUI等第三方组件库中也都会出现,主要用来为用户提供系统通知信息的.我们在调用它时并不像其他组件一样,通过引入组件标签来调用。比如Modal组件,我们一般这样来调用: <Modal title="xui基础弹窗" centered mask={false} visible={false}> <p>我是弹窗内容</p> <p>我是弹窗内容</p> <p>我是弹窗内容</p> <p>我是弹窗内容</p> </Modal> 但是通

浏览5954推荐7
手记文章

React.js和Vue.js的语法并列比较

React.js和Vue.js都是很好的框架。而且Next.js和Nuxt.js甚至将它们带入了一个新的高度,这有助于我们以更少的配置和更好的可维护性来创建应用程序。但是,如果你必须经常在框架之间切换,在深入探讨另一个框架之后,你可能会轻易忘记另一个框架中的语法。在本文中,我总结了这些框架的基本语法和方案,然后并排列出。我希望这可以帮助我们尽快掌握语法,不过限于篇幅,这篇文章只比较React.js和Vue.js,下一篇再谈Next.js个Nuxt.js。 Github:https://github.com/oahehc/react-vue-comparison

浏览5047推荐6
手记文章

如何用React开发拖拽组件

拖拽组件是在前端开发中十分常见的一个功能,现在无论你是使用React还是Vue,都有很多现成的拖拽组件可以使用。不过,有些时候你可能还是需要自己去实现,那么就必须需要理解其实现原理。接下来这篇文章,我将详细介绍如何使用React框架来实现一个拖拽组件。 理解HTML5 拖放API 现如今,大部分的前端拖拽组件都依托于HTML5原生提供的拖放接口。那么在开始用具体框架来封装组件的之前,就需要搞清楚这些原生的接口功能。 HTML 5的DOM鼠标事件中添加了drag这个事件,对于一个设置了draggable

浏览5515推荐0
手记文章

10分钟教你手写8个常用的自定义hooks

前言 Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。本文是一篇以实战为主的文章,主要讲解实际项目中如何使用hooks以及一些最佳实践,不会一步步再介绍一遍react hooks的由来和基本使用,因为写hooks的文章很多,而且官网对于react hooks的介绍也很详细,所以大家不熟悉的可以看一遍官网。 你将收获 react hooks核心API使用以及注意事项 实现一个小型redux 实现自定义的useState 实现自定义的useDebounce 实现自定

浏览6218推荐1
手记文章

《精通react/vue组件设计》之手把手实现一个轻量级可扩展的模态框(Modal)组件

前言 本文是笔者写组件设计的第九篇文章, 今天带大家实现一个轻量级且可灵活配置组合的模态框(Modal)组件, 该组件在诸如Antd或者elementUI等第三方组件库中都会出现,主要用来提供系统的用户反馈. 之所以会写组件设计相关的文章,是因为作为一名前端优秀的前端工程师,面对各种繁琐而重复的工作,我们不应该按部就班的去"辛勤劳动",而是要根据已有前端的开发经验,总结出一套自己的高效开发的方法. [笔记]前端组件的一般分类: 通用型组件: 比如Button, Icon等. 布局型组件: 比如Grid, Layo

浏览6243推荐2

React从入门到高级实战

视频教程+实战案例,从理论到实战的完美过渡

查看详情

SpringBoot2从项目到原理实战

多年实践的经验总结让你在开发中提升

查看详情

一次性掌握jQuery核心功能

jQuery小白不可怕,我们从零开始教

查看详情

打造高性能MySQL数据库

更高级MySQL数据库教程,解决实际问题,做个数据库高手

查看详情