React入门到精通

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

React实战教程

导学视频
Jokcy

Web前端工程师

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

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

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

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

Web前端工程师

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

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

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

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

React相关问答

相关猿问

微信公众号开发,我的项目在本地,URL怎么填写啊!谁能告诉我,快哭了。。。我是Tp3.2

最赞的回答

url是你的服务器地址,最好是经过备案的域名,因为有了安全域名,才能保证微信用户<=>腾讯服务器<==>你的服务器之间的安全通信;如果你是测试环境,这里的url就不方便填写成线上的域名了,你就要用到穿透工具了,这也是大多数微信开发者在开发环境的解决方案.如何实现?打开穿透工具,将工具提供方提供给你的域名映射到你的内网端口,比如abc.com >>> localhost:8080,这样你这里的url也可以配好.也可以正常调试,我用的穿透工具是natapp,你可以试试,不是打广告啊!还有就是可以尝试使用新浪SAE云服务器,经济实惠,按需付费,也是个不错的选...

相关猿问

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包的形式引入项目。安没安装成功,你去编译一个文件不就知道了么。

相关猿问

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相关文章

手记文章

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

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

浏览1824推荐6
手记文章

Taro 小程序开发大型实战(四):使用 Hooks 版的 Redux 实现应用状态管理(上篇)

欢迎继续阅读《Taro 小程序开发大型实战》系列,前情回顾: 熟悉的 React,熟悉的 Hooks:我们用 React 和 Hooks 实现了一个非常简单的添加帖子的原型 多页面跳转和 Taro UI 组件库:我们用 Taro 自带的路由功能实现了多页面跳转,并用 Taro UI 组件库升级了应用界面 实现微信和支付宝多端登录:实现了微信、支付宝以及普通登录和退出登录 如果你跟着敲到了这里,你一定会发现现在 的状态管理和数据流越来越臃肿,组件状态的更新非常复杂。在这一篇中,我们将开始用 Redux

浏览2846推荐1
手记文章

Taro 小程序开发大型实战(三):实现微信和支付宝多端登录

欢迎继续阅读《Taro 小程序开发大型实战》系列,前情回顾: 熟悉的 React,熟悉的 Hooks:我们用 React 和 Hooks 实现了一个非常简单的添加帖子的原型 多页面跳转和 Taro UI 组件库:我们用 Taro 自带的路由功能实现了多页面跳转,并用 Taro UI 组件库升级了应用界面 而在这一篇中,我们将实现微信和支付宝多端登录。如果你希望直接从这一篇开始,请运行以下命令: git clone -b third-part https://github.com/tuture-dev/ultra-club.git cd ultra-club 本文所涉及的

浏览6462推荐6
手记文章

Taro 小程序开发大型实战(一):熟悉的 React,熟悉的 Hooks

正当移动互联网进入白热化阶段时,以微信小程序为代表的一类“轻应用”异军突起。它们无需下载,使用方便,“用完即走”,同时功能也较为完备,一经推出即得到了各大平台和及用户的热烈追捧。但是问题也随之而来——开发者们要同时维护 Web 端、移动端、微信小程序、支付宝小程序等等多套用户界面,其维护成本可以想象。作为一个优秀的多端统一开发解决方案,Taro 的出现则改变了这一情况。正值 Taro 2.x 进入 beta 阶段,让我们沏上一杯茶,开始我们的 Taro 多端小程序开发之旅吧。

浏览6619推荐4
手记文章

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

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

浏览2226推荐2
手记文章

基于jsoneditor二次封装一个可实时预览的json编辑器组件(react版)

前言 做为一名前端开发人员,掌握vue/react/angular等框架已经是必不可少的技能了,我们都知道,vue或react等MVVM框架提倡组件化开发,这样一方面可以提高组件复用性和可扩展性,另一方面也带来了项目开发的灵活性和可维护,方便多人开发协作.接下来文章将介绍如何使用react,开发一个自定义json编辑器组件.我们这里使用了jsoneditor这个第三方库,官方地址: jsoneditor 通过实现一个json在线编辑器,来学习如何一步步封装自己的组件(不限于react,vue,原理类似). 你将学到: react组件封装的基本思路

浏览4493推荐1
手记文章

Taro 小程序开发大型实战(二):多页面跳转和 Taro UI 组件库

在上一篇教程中,我们用熟悉的 React 和 Hooks 搞定了“奥特曼俱乐部”的雏形。在这一篇文章中,我们将用 Taro 自带的路由功能实现多页面跳转,并用 Taro UI 组件库升级之前略显简陋的界面。这一篇完成后的 DEMO 如下: 具体有三个页面: 主页:展示了所有帖子,以及添加新帖子的按钮。 帖子详情:展示单个帖子的全部内容。 个人主页:展示当前用户的个人信息。 如果你想直接从这一篇开始动手实践,那么请运行以下命令快速开始: git clone -b second-part https://github.

浏览6172推荐3
手记文章

Redux 包教包会(三):各司其职,重拾初心

在这一部分中,我们将会讲解如何用 combineReducers 重构完剩下的内容,接着我们会提出 “容器组件” 和 “展示组件” 的概念,“容器组件” 用于接管 “状态”,“展示组件” 用于渲染界面,其中 “展示组件” 也是 React 诞生的初心,专注于高效的编写用户界面。 重构代码:将 TodoList 的状态和渲染分离 欢迎阅读 Redux 包教包会系列: Redux 包教包会(一):解救 React 状态危机 Redux 包教包会(二):趁热打铁,完全重构 Redux 包教包会(三):各司其职,重

浏览6179推荐6

由浅入深打下坚实React.js基础

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

查看详情

SpringBoot2从项目到原理实战

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

查看详情

一次性掌握jQuery核心功能

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

查看详情

打造高性能MySQL数据库

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

查看详情