React入门到精通

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

React实战教程

导学视频
Jokcy

Web前端工程师

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

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

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

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

Web前端工程师

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

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

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

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

React相关问答

相关猿问

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

最赞的回答

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

相关猿问

前端框架那么多,全部学一遍觉得花时间,只会一两种又觉得太少,怎么办

最赞的回答

框架只是一种工具,最重要的还是培养学习的能力。首先,任何框架都是基于语言编写的,前端框架无非就是Javascript或者typescript,你应该先掌握语言本身,然后再去纠结学什么框架。框架不需要学习太多,掌握最流行的两种就足够了,但是其他的框架一定要了解,不一定要完全掌握,至少要知道可以用来做什么,因为它可能就是你碰到问题的一种解决方案。一旦你掌握了主流的框架,就具备了一定的学习能力,其他框架,完全可以在实际工作中再进行学习,这些都是来得及的。而且框架层出不穷,版本迭代也很快,全部学一遍完全没必要,还是那句话,培养学习能力才是关键,一旦你具备了这种能力,学习任何框架都能很快的掌握,到那时,...

相关猿问

对于前端刚入门的人,React和Angular框架是不是暂时不用去学,而是要先把jQuery吃透?

最赞的回答

不是把jquery吃透,而是把javascript语言吃透,Jquery不过是用js语言写的一个比较成型比较通用的一个类库。将各种用js语言编写特别费代码特别费精力考虑兼容的一些问题都给你考虑好了,jquery主要在于优化了dom操作。而学习react,和angular框架,更重要的是需要学习好js语言。这样你才能看懂人家的源码。前端刚入门学习ng和react确实难度太大。可以先学习Js,然后了解mvc,了解一些以前的类库,虽然过时了,但是至少你需要了解前端这样一条发展历程,这样你才知道为什么时代会发展,时代的发展方向在哪里。这样你才能学好vue, ng, react等等。

相关猿问

bash: yo: command not found "yo"是什么?如何解决这种报错呢?

最赞的回答

是不是需要全局安装 yonpm install -g yo

相关猿问

哪位大神知道如何购买实战课程呢?

最赞的回答

 到WEB端买,iPhone没有支持苹果支付 

相关猿问

哪里有比较成熟的 React.js 项目案例?

最赞的回答

阿里数据技术与产品部 全线产品 使用React,已经一年时间月用户量千万级

相关猿问

ReactJS真的好吗?

最赞的回答

用好一个工具的前提是对这个工具的理解,以及理解后,针对自己有用部分的提取和无用部分的处理。别人都在说这个东西好,并不一定适合你。一个规模不大的项目,到处去讲抽象,到处都是过度的设计是没有意义的。对于一个规模很大的项目,没有抽象,没有Component,也是绝对玩不下去的。项目规模的扩大,必然会导致开发成本的提高,其中复杂度,开发周期中,一些抽象,只是想要降低整体系统的复杂度,这个开发周期不一定会缩短,当然整体系统的复杂度降低了,维护成本就大大降低了。反过来说,小项目,要把这些落实起来,却要消耗很多额外的工作量。。。是很多很多额外的工作量。。。so,好用不好用还是要看情景的。

相关猿问

AngularJS和ReactJS分别是干什么的?不会Javascript是否可以学习

最赞的回答

要学习 JS,先混熟 HTML/CSS/DOM。JS 起步可以先上 jQuery,然后再回头学习 JS core(ECMA script) 部分。Angular.js/React.js 都是高端的东西,没摸过方向盘,就别想着开飞机了。

React相关文章

手记文章

恕我直言,你可能连 GitHub 搜索都不会用 - 如何精准搜索的神仙技巧

大家好,我是你们的 前端章鱼猫,一个不喜欢喵、又不喜欢吃鱼的超级猫 ~ 今天给大家带来的是 在 GitHub 上如何精准搜索的神仙技巧。 以下为【前端GitHub】的第 4 期内容。 普通的搜索 相信一般人搜索项目时,都是直接搜索技术栈相关的项目。 高级一点的搜索,会根据 最匹配、最多 Star 来进行排序、选择相应的语言、选择仓库或者代码来进行筛选。 但是 GitHub 的搜索功能只支持以上这些而已吗 ? No! 如果你只会用以上的功能,那你知道的仅仅是 GitHub 搜索的冰山一角!

浏览2169推荐5
手记文章

基于React+Koa从0到1实现h5页面可视化编辑器-Dooring

前言 前段时间笔者一直忙于数据可视化方面的工作,比如如何实现拖拽式生成可视化大屏,如何定制可视化图表交互和数据导入方案等,这块需求在B端企业中应用非常大,所以非常有探索价值。 本篇文章并非和数据可视化相关,而是通过抽象技术底层,将其应用于H5页面可视化搭建上,通过技术的手段实现拖拽式生成H5页面。这块也有非常多的应用场景,比如我们需要开发一个移动端网站,一个H5营销页面,H5活动页面等,如果有这样的傻瓜式拖拽的工具生成H5页面,将会极大的提高我们的工作效率。 接下来

浏览9344推荐3
手记文章

react工程师必备的redux-thunk源码剖析

日益忙碌的一周又过去了,是时候开始每周一次的总结复盘了,今天笔者就来剖析一下github中star数15.1k的开源项目redux-thunk。 作为一名React方向的前端工程师,不管是被面试还是面试别人,大部分都会说起redux-thunk的实现原理,因为它非常经典且有用,而且代码量少的感人,只有短短12行代码,却能解决React开发中同一个函数支持多dispatch和异步action的问题(虽然这完全依赖于redux的中间件机制(Middleware))。 接下来笔者将从: Redux的工作机制 中间件实现原理 redux-thunk源码实现

浏览6073推荐2
手记文章

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

浏览6813推荐6
手记文章

在 2020 年更受关注和追捧的 JS 框架

> 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 > 原文出处:https://blog.bitsrc.io/top-5-javascript-frameworks-past-present-and-future-8b6fda39de02 随着信息技术领域的发展,企业对于JavaScript的需求变得十分广泛,为了让前端编码更快更高效,一系列前端JavaScript框架就此诞生。 前端框架的设计初衷是为脚本编程语言提供出色的支持,让代码重复可用。简而言之,框架是由一组开发人员编写的代码块,可使整个开发过程变得简单且易

浏览1006推荐0
手记文章

想要成为前端Star 吗?一首歌时间将React/Vue 应用Docker 化

前言 以前一直有疑问困扰着我:人人都在吹的Docker容器化,与前端有何关系? 然而在近两年的编程生涯,在每一次产品迭代中,渐渐体会到了容器化其魅力所在。 应用部署从刀耕火种,到DevOps崛起,原来不止前端在迅捷发展。接下来,我将用一首歌的时间,带大家真实的体验一番Docker容器化。 1. 朴素的Dockerfile 首先准备一个有标准运行指令的Web应用,用脚手架creat-react-app或Vue CLI等生成的即可。 以下的Dockerfile不参杂其它依赖,争取做到都能看懂: # 指定Node版本 FROM node:

浏览7334推荐5
手记文章

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

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

浏览9302推荐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 = ()

浏览5983推荐0

React从入门到高级实战

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

查看详情

SpringBoot2从项目到原理实战

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

查看详情

一次性掌握jQuery核心功能

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

查看详情

打造高性能MySQL数据库

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

查看详情