本文作者：初识ReactReact是什么react、vue、angular俗称前端框架三驾马车React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了React 是一个用于构建用户界面的 JAVASCRIPT 库。React
转载
2021-01-23 19:33:09
234阅读
2评论
高级指南 1.深入JSX： 从本质上讲，JSX 只是为 React.createElement(component, props, ...children) 函数提供的语法糖。 因为 JSX 被编译为 React.createElement 的调用，所以 React 库必须在你 JSX 代码的作用域
原创
2021-09-01 14:14:24
137阅读
实验React最便捷的途径就是开始摆弄下面这个小例子:Hello World。JavaScript脚本中嵌入的类xml代码我们称作JSX；通过JSX语法文档来深入了解它吧。要在浏览器中把JSX代码转化为清香的Javascript，我们需要使用<script type="text/jsx">标签并引入JSXTransformer.js库。
转载
精选
2015-05-18 22:50:10
434阅读
要聊前端组件设计, 必然离不开对前端组件发展历史的探究, 关于这块我不会长篇大论, 毕竟这不是本文的核心内容.
以我的经验来看, 前端组件大致经历了这样几个阶段.
转载
2021-08-03 16:28:20
127阅读
在我过往的经历里, 在面试与被面之间通常都会夹杂一些关于组件设计方面的问题, 但通常面试官和候选人都只能通过一些实际的项目经历来就设计进行讨论, 相比服务端面试中可能还涉及一些设计原则和基本思路, 但是在前端的面试过程中, 设计似乎成了一种经验。但设计真的只是一种经验么?
转载
2021-08-03 16:28:24
243阅读
前言在我过往的经历里, 在面试与被面之间通常都会夹杂一些关于组件设计方面的问题, 但通常面试官和候选人都只能通过一些实际的项目经历来就设计进行讨论, 相比服务端面试中可能还涉及一些设计原则和基本思路, 但是在前端的面试过程中, 设计似乎成了一种经验.但设计真的只是一种经验么?显然不是, 因为经验是对过去问题的总结, 并且经验是没有标准没有约束的, 每个人经历的项目, 团队, 业务形成了每个人属于自
转载
2021-12-09 16:51:00
93阅读
步骤 http://facebook.github.io/react-native/docs/getting-started.html#content 依照React Native官网步骤一步步安装，记录例如以下 1.安装Homebrew （依照官网 在命令终端输入命令就可以） 2.安装nvm（no
转载
2017-07-07 11:54:00
227阅读
2评论
React Context API是React提供的一个强大的状态管理工具，它允许我们在组件树中传递数据，而无需手动通过props逐层传递。对于解决组件间状态共享问题，Context API提供了一个优雅且高效的解决方案，特别是在处理主题、用户认证、语言设置等全局状态时表现出色。
什么是Context API
Context API是React内置的状态管理机制，它提供了一种在组件树中共享数据的方
今天分享的内容是现代React状态相关的文章。简介自2013年成立以来，React已经推出了一套强大的工具，
转载
2022-03-21 11:16:18
202阅读
前言 本文主要分享一下 React Hooks 性能优化可以从哪几个方面入手 Hooks的性能问题 要想解决性能问题，关键在于组件重复渲染的处理。在使
原创
2022-04-06 10:03:02
862阅读
React事件系统概述
React实现了一套合成事件系统（SyntheticEvent），这是对浏览器原生事件的跨浏览器封装。这套系统确保了事件在不同浏览器中表现一致，同时提供了更好的性能优化。React事件处理与原生JavaScript事件处理在语法上有相似之处，但也存在一些重要的区别。
React的事件系统主要解决了两个问题：一是浏览器兼容性，不同浏览器的事件API存在差异；二是性能优化，Re
一、通过create-react-app脚手架创建项目npx create-react-app testproject --template typescript 在vscode中打开项目，可以看到顺利生成了react项目且组件的后缀为tsx,此时说明成功创建了react+typescript项目的雏形 在项目根目录下，运行npm run start，成功启动项目npm run
