React实战教程
前端行业主流框架
深度讲解React实现原理
助你更好的解决React开发的各种问题，晋升高级开发工程师
快速学习React、Redux的核心思想和用法
选取真实大众点评 WebApp 为实战案例
实现独立应用React+Redux技术栈完成中等复杂度项目的前端架构设计
React相关问答
React Native 开发 APP 有必要用 React Router 吗？
最赞的回答
在React Native中有一个非常重要的JS对象：navigator,他可以控制着路由的跳转和组件的加载。还有一个是负责视图切换的组件：NavigatorIOS。可以说，Native已经是另外一个世界了，虽然他需要你的React.js基础。
请问 React 中的 registerServiceWorker是干什么的？
最赞的回答
service worker是在后台运行的一个线程，可以用来处理离线缓存、消息推送、后台自动更新等任务。registerServiceWorker就是为react项目注册了一个service worker，用来做资源的缓存，这样你下次访问时，就可以更快的获取资源。而且因为资源被缓存，所以即使在离线的情况下也可以访问应用（此时使用的资源是之前缓存的资源）。注意，registerServiceWorker注册的service worker 只在生产环境中生效（process.env.NODE_ENV === 'production'）
React 如何添加多个className
最赞的回答
<pre><divclassName={value.class+""+value.class2}>{value.value}</div></pre>拼接字符串啊……要不喜欢的话用字符串模板也行啊<pre>&}`}divclassName={`${value.class}${value.class2}`}&部分啊{value.value}&行啊</div<</pre>花括号里面就是可以运算的部分啊如...
React相关文章
2022 最新前端开发工程师入门学习路线（imooc免费课程）（下）
上篇：https://www.imooc.com/article/331095 中篇：https://www.imooc.com/article/331096阶段四：Vue与React高级框架开发该阶段目标是掌握JS第六代语言标准，为学习技术框架打下基础。学习Vue和React基础知识。ES6-10入门（点击跳转）Vue基础Vue文档-官网：https://cn.vuejs.org/guide/introduction.htmlVue入门教程：http://www.imooc.com/wiki/vuelessonVue2.5基础入门：http://www.imooc.com/learn/980Vue3.0实现todolist：http://www.imooc.com/learn/1300Vue组件库搭建全流程：www.imooc.com/learn/1316React基础基于实例的 React16 傻瓜课程（点击跳转）课程用一系列有趣的、简洁明快的实例由浅入深的阐述了 React 的特色，概念和基本使用。同
在 2020 年更受关注和追捧的 JS 框架
> 转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 > 原文出处：https://blog.bitsrc.io/top-5-javascript-frameworks-past-present-and-future-8b6fda39de02 随着信息技术领域的发展，企业对于JavaScript的需求变得十分广泛，为了让前端编码更快更高效，一系列前端JavaScript框架就此诞生。 前端框架的设计初衷是为脚本编程语言提供出色的支持，让代码重复可用。简而言之，框架是由一组开发人员编写的代码块，可使整个开发过程变得简单且易
想要成为前端Star 吗？一首歌时间将React/Vue 应用Docker 化
前言 以前一直有疑问困扰着我：人人都在吹的Docker容器化，与前端有何关系？ 然而在近两年的编程生涯，在每一次产品迭代中，渐渐体会到了容器化其魅力所在。 应用部署从刀耕火种，到DevOps崛起，原来不止前端在迅捷发展。接下来，我将用一首歌的时间，带大家真实的体验一番Docker容器化。 1. 朴素的Dockerfile 首先准备一个有标准运行指令的Web应用，用脚手架creat-react-app或Vue CLI等生成的即可。 以下的Dockerfile不参杂其它依赖，争取做到都能看懂： # 指定Node版本 FROM node:
当后端一次性丢给你10万条数据, 作为前端工程师的你,要怎么处理?
前段时间有朋友问我一个他们公司遇到的问题, 说是后端由于某种原因没有实现分页功能, 所以一次性返回了2万条数据,让前端用select组件展示到用户界面里. 我听完之后立马明白了他的困惑, 如果通过硬编码的方式去直接渲染这两万条数据到select中,肯定会卡死. 后面他还说需要支持搜索, 也是前端来实现,我顿时产生了兴趣. 当时想到的方案大致如下: 采用懒加载+分页(前端维护懒加载的数据分发和分页) 使用虚拟滚动技术(目前react的antd4.0已支持虚拟滚动的select长列表) 懒加载和分页方式一
恕我直言，你可能连 GitHub 搜索都不会用 - 如何精准搜索的神仙技巧
大家好，我是你们的 前端章鱼猫，一个不喜欢喵、又不喜欢吃鱼的超级猫 ~ 今天给大家带来的是 在 GitHub 上如何精准搜索的神仙技巧。 以下为【前端GitHub】的第 4 期内容。 普通的搜索 相信一般人搜索项目时，都是直接搜索技术栈相关的项目。 高级一点的搜索，会根据 最匹配、最多 Star 来进行排序、选择相应的语言、选择仓库或者代码来进行筛选。 但是 GitHub 的搜索功能只支持以上这些而已吗 ？ No! 如果你只会用以上的功能，那你知道的仅仅是 GitHub 搜索的冰山一角！
基于React+Koa从0到1实现h5页面可视化编辑器－Dooring
前言 前段时间笔者一直忙于数据可视化方面的工作，比如如何实现拖拽式生成可视化大屏，如何定制可视化图表交互和数据导入方案等，这块需求在B端企业中应用非常大，所以非常有探索价值。 本篇文章并非和数据可视化相关，而是通过抽象技术底层，将其应用于H5页面可视化搭建上，通过技术的手段实现拖拽式生成H5页面。这块也有非常多的应用场景，比如我们需要开发一个移动端网站，一个H5营销页面，H5活动页面等，如果有这样的傻瓜式拖拽的工具生成H5页面，将会极大的提高我们的工作效率。 接下来
react工程师必备的redux-thunk源码剖析
日益忙碌的一周又过去了，是时候开始每周一次的总结复盘了，今天笔者就来剖析一下github中star数15.1k的开源项目redux-thunk。 作为一名React方向的前端工程师，不管是被面试还是面试别人，大部分都会说起redux-thunk的实现原理，因为它非常经典且有用，而且代码量少的感人，只有短短12行代码，却能解决React开发中同一个函数支持多dispatch和异步action的问题（虽然这完全依赖于redux的中间件机制（Middleware））。 接下来笔者将从： Redux的工作机制 中间件实现原理 redux-thunk源码实现
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
-
React从入门到高级实战
视频教程+实战案例，从理论到实战的完美过渡
查看详情 -
SpringBoot2从项目到原理实战
多年实践的经验总结让你在开发中提升
查看详情 -
一次性掌握jQuery核心功能
jQuery小白不可怕，我们从零开始教
查看详情 -
打造高性能MySQL数据库
更高级MySQL数据库教程，解决实际问题，做个数据库高手
查看详情
支持一下，导学视频里说的耐心是真的体会到了。视频中25分钟的内容，电子书一页的内容，自己需要反复读，在函数间跳转，才理解它们之间的关系，找到主线。耗时一个半个小时。感觉要是对每节课结尾都能有一个梳理的流程图就更好了。复杂的东西讲到最后对着代码回顾感觉没有对着流程图小结回顾好.可能作者认为有的比较简单没有画图，就只输了部分的流程图吧。