Bootstrap
Malagu 框架开发 React 应用新体验

Malagu bb是基于 TypeScript 的 Serverless First、可扩展和组件化的应用框架。

来自小姐姐的灵魂拷问:位运算是什么?

本篇对位运算做了一个较为系统的说明。其实在实际的开发中,不了解位元算的同学也不少。但是在某些场景下能合理的运用位运算也是可以解决很多实际问题的。

探索 React 合成事件

React 是一个 Facebook 开源的,用于构建用户界面的 JavaScript 库。

学会使用Vue JSX,一车老干妈都是你的

今天这篇文章将给大家小编在项目中使用JSX的一些实战经验。其实一般情况下写Vue还是比较推荐template的写法的,但是有时候我们真的需要更灵活的去做一些功能,这时候就需要用到JSX了。

1. react起始 | 2020年前端再入门系列连载

包管理 yarn vs npm,推荐使用npm,可以直接使用npx来执行create-react-app 脚手架,该框架会安装react、react-dom和react-scripts(配置webpack和babel,用来编译打包,可以运行npm run eject来启用自定义配置)

Remix.run 新手教程

最近刚在JavaScript Weekly看到了Remix.run(以下简称Remix)准备开源发布1.0版本。没过两天就看到Remix飙到Github Trending趋势榜第一了。感觉是已经火了啊,不知道后续跟Next.js比怎么样。不过看起来不算太复杂,很多东西都封装起来了,语法很轻。

前端React 开发中必须知道的5个技巧

​React是构建前端应用程序的绝佳框架。本文将为大家介绍一些技巧,不但可以提高编写代码的能力,使你成为更优秀的React开发人员,而且还能帮助你在以前会害怕的面试中取得突出的成绩。

前端开发框架react 之UmiJS

​Umi,中文可发音为乌米,是可扩展的企业级前端应用框架。Umi 以路由为基础的,同时支持配置式路由和约定式路由,保证路由的功能完备,并以此进行功能扩展。然后配以生命周期完善的插件体系前端培训,覆盖从源码到构建产物的每个生命周期,支持各种功能扩展

前端开发之多环境下react的配置

​环境变量是在构建阶段被织入,一旦完前端培训成构建过程,构建的产出物中变量值就被固定了(不论产出物被放置到哪个服务进程、哪个环境)。

web前端培训:react基础面试题分享

​Props 是 React 中属性的简写。它们是只读组件,必须保持纯,即不可变。它们总是在整个应用中从父组件传递到子组件。子组件永远不能将 prop 送回父组件。前端培训这有助于维护单向数据流,通常用于呈现动态生成的数据。

前端开发之React调度算法的迭代过程

​React内部最难理解的地方就是「调度算法」,不仅抽象、复杂,还重构了一次。 可以说,只有React团队自己才能完全理解这套算法。

web前端培训:使用 Rust 编写 React 组件

​Rust 是一个快速、可靠二期又节约内存的编程语言。在过去六年的 stackoverflow 的最受喜爱的编程语言中,前端培训它一直蝉联榜首的位置,主要还是这个语言本身拥有众多的优点,

web前端培训:react高频面试题分享

​冒泡到document上的事件也不是原生的浏览器事件,而是由react自己实现的合成事件(SyntheticEvent)。前端培训因此如果不想要是事件冒泡的话应该调用event.preventDefault()方法,而不是调用event.stopProppagation()方法。

web前端培训:React 核心调度功能的实现

​我们用work这一数据结构代表一份工作,work.count代表这份工作要重复做某件事的次数_前端培训。 在Demo中要重复做的事是“执行insertItem方法,向页面插入<span/>”:

前端培训:React调度算法迭代过程

​React内部最难理解的地方就是「调度算法」,不仅抽象、复杂,还重构了一次。 可以说,只有React团队自己才能完全理解这套算法。 既然这样,那本文尝试从React团队成员的视角出发,来聊聊「调度算法」。

前端开发中需要掌握的开发框架React

JSX 执行更快,因为它在编译为 JavaScript 代码后进行了优化。它是类型安全的,在编译过程中就能发现错误。使用 JSX 编写模板更加简单快速。

React之Context源码分析与实践

Context 提供了一个无需为每层组件手动添加 props,就能在组件树间进行数据传递的方法。

10.scheduler&lane模型(来看看react是暂停、继续和插队的)

​ 视频课程的目的是为了快速掌握react源码运行的过程和react中的scheduler、reconciler、renderer、fiber等,并且详细debug源码和分析,过程更清晰。

12.手写迷你react(短小精悍就是我)

​ 视频课程的目的是为了快速掌握react源码运行的过程和react中的scheduler、reconciler、renderer、fiber等,并且详细debug源码和分析,过程更清晰。

9.hooks源码(想知道Function Component是怎样保存状态的嘛)

​ 视频课程的目的是为了快速掌握react源码运行的过程和react中的scheduler、reconciler、renderer、fiber等,并且详细debug源码和分析,过程更清晰。

React Fiber 是什么?

React 15 以及之前的版本有一个主要的问题 —— 虚拟 dom 的 diff 操作是同步完成的。

React 18探秘(上)

React 17 那篇没有任何新特性的博客还历历在目,半年多后,终于等来了 17 铺路许久的 18 发布计划,本来想赶紧看看都有些啥,无奈事情略多,一直拖到现在,最近有点点时间,看看 18 给我们带来了什么。

Taro 3.4 beta 发布: 支持 Preact 为应用开辟更多体积空间

项目体积是困扰小程序开发者的一大问题,如果开发者使用 Taro React 进行开发,更是不得不引入接近 100K 的 React 相关依赖,这让项目体积变得更加捉襟见肘。因此,Taro v3.4 的主要方向,是探索对于 Preact 的支持。

耗时1年的前端技术框架切换之旅

摘要:一个电话,我便开启了为期1年的前端技术框架切换之旅。

React 中后台系统多页签实现

在中后台管理类系统中,多页签的需求非常普遍,用户常常需要在多个页签内跳转,比如填写表单时去查询某个列表获取一些字段信息再回到表单页面填写。这样的需求在 Vue 中使用 keep-alive 即可实现,但是在 React 中,React Router 切换路由后就会卸载组件

怒肝最新保姆级前端学习路线,速成贴心全面!

这份学习路线并不完美,也不会有最终形态,正如前端不可预见、永无止境的未来。

实现一个简单的 MobX

为了方便读者更好的阅读体验,笔者将循序渐进的分多个demo来实现一个可用的 MobX。

带你体验Vue2和Vue3开发组件有什么区别

我们一直都有关注和阅读很多关于Vue3的新特性和功能即将到来。但是我们没有一个具体的概念在开发中会有如何的改变和不一样的体验。还有一些童鞋已经开始又慌又抓狂了 -- “又要开始学新的写法了 (ノToT )ノ ~┻┻”。

一条龙!CI / CD 、打造小团队前端工程化服务

​这个是自动化部署 + npm私有库搭建 + API Mock server 等服务的搭建

从0开始设计Flutter独立APP | 第三篇: 一劳永逸解决全局BuildContext问题

鉴于Flutter的高性能渲染、跨平台、多端一致性等优势,闪点清单在移动端APP上,使用了完整的Flutter框架来开发。既然是完整APP,架构搭建完全不受历史Native APP的影响,没有历史包袱的沉淀,设计也能更灵活和健壮。

15 个很有用的自定义 React Hooks

React 提供了自定义 Hooks 的特性,我们可以根据这个特性创建出很多有意思的功能,今天就来分享一些个人认为还不错的 Hooks,共计 15 个。

从源码中来,到业务中去,React性能优化终极指南

前言:我们从React源码入手,结合有道精品课大前端的具体业务,运用三大原则对系统进行外科手术式的优化。同时介绍React Profiler这款工具如何帮我们定位性能瓶颈。

1分钟教你如何整理 React 知识体系

前言: 如果你想快速学习梳理一门前端框架,那就来看看这个吧

[译] 图说前端-图解 React

用通俗的语言和涂鸦来解释 React 术语

其他标签