本质上来说JSX是React.createElement(component, props, ...children)方法的语法糖。所以我们如果使用了JSX，我们其实就是在使用React，所以我们就需要引入React前言React是前端最受欢迎的框架之一，解读其源码的文章非常多，但是我想从另一个角度去解读React：从零开始实现一个React，从API层面实现React的大部分功能，在这个过程中去
转载
2024-05-19 07:51:27
11阅读
环境搭建好之后的项目结构（搭建环境方法可参照），利用VScode编辑器打开：这个是自动创建的初始结构，下面是各个文件的内容和作用。1.package.json这个文件是管理下载的依赖包,在项目中经常用到的是"react"库，“react-dom”（将jsx语法渲染到dom中）在项目中最重要的命令是“start”启动项目，"bulid"的作用就是将项目打包。2.public文件夹 &
转载
2023-11-29 20:23:35
182阅读
react和react develop tools（chrome等插件）编译
原创
2023-05-17 11:44:39
245阅读
Lists and Keys下面是JavaScript使用map()历一个数组，在React中可以使用元素列表来实现相同操作。//javascript take an array and double them
const numbers = [1,2,3,4,5];
const doubled = numbers.map((number) => number * 2);
console.l
# React Native iOS 发布指南
React Native 是一个流行的框架，允许开发者用 JavaScript 和 React 构建跨平台的移动应用。本文将详细介绍如何将 React Native 应用发布到 iOS 平台，并提供代码示例和指南。
## 准备工作
在开始之前，你需要确保已安装以下工具：
- Node.js
- React Native CLI
- Xcode
原创
2024-10-24 05:11:02
37阅读
项目环境：windows 10 1089版本 create-react-app：3.0.0 react：16.8.6 react-router-dom：5.0.0方案一使用 babel-plugin-dynamic-import-node原理：转换 import()为 require()，将所有异步组件都用同步的方式引入 页面路由配置文件：使用react-router推荐的loadable加载文件
转载
2023-12-12 13:00:02
270阅读
使用React开发有一段时间了，下面我就把自己一些心得体会分享给大家。我使用的是create-react-app脚手架生成的项目，这个脚手架一键生成react项目，非常方便，先简单记录一下这个新建项目的过程。一、打包在项目路径下，敲npm run buil，就出现了build文件夹，同时终端显示这些文字：大致意思是：已经编译好啦。build生成的这些东西要放在服务器root下，可以在pakege.
转载
2023-12-01 11:00:51
162阅读
前言搞安卓的开发应该知道开发好的apk都是需要上传到应用市场给用户下载的，当然有些公司的产品是不用上传到应用市场的（比如我们公司放七牛云）但是也需要放在云上面给用户下载。react-native直接run-android默认是产生一个debug的版本apk显然这是不符合开发需求的，理由很简单debug版本apk是没有进行代码混淆的这是很危险的，所以我们需要个release的版本，下面我们来详细看一
转载
2023-08-07 19:07:36
775阅读
# React Native 编译 iOS 应用的完整指南
React Native 是一个开源框架，允许开发者使用 JavaScript 和 React 来构建跨平台的移动应用。尽管今天的移动应用开发非常复杂，但借助 React Native，开发者能够更加高效地构建和管理代码。本文将介绍如何在 macOS 上编译 React Native 应用为 iOS，并提供完整的代码示例和步骤。
##
最近有个项目需要用到react做一个前在github上找到一个项目https://github.com/ltadpoles/react-admin通过.
原创
2022-06-17 09:51:07
1192阅读
英文文档：Setting up the development environment · React Native中文文档：集成到现有原生应用 · React Native 中文网ios在集成过程中，需要修改package.json 和 Podfile，按文档中的内容，如果pod install过不了的话，可以参考https://github.com/facebook/react-native/
转载
2024-05-15 13:54:24
84阅读
之前在写项目的时候，前端用React进行开发，后端则是使用了Spring Boot，而这时候有一个需求：需要将两端的项目合在一起，在本地运行。同时，项目启动完成后需要自动打开前端页面。本人第一反应是，Spring Boot自带tomcat服务器，那能不能把编译后的前端静态文件放入后端项目中，然后一起打包，这样就可以满足一个jar包启动前后端了。在本人的不懈努力下（不断的在互联网上翻箱倒柜），总结出
转载
2024-04-05 14:01:52
161阅读
流程图Java代码编译是由Java源码编译器来完成，流程图如下所示： Java代码编译 Java字节码（class文件）的执行是由JVM执行引擎来完成，流程图如下所示： Java字节码的执行 Java代码编译和执行的整个过程包含了以下三个重要的机制： Java源码编译机制 类加载机制 类执行机制Ja
转载
2024-09-24 16:03:08
27阅读
今天发布了 React Native for Android，把 Web 和原生平台的 JavaScript 开发技术扩展到了 Google 的流行移动平台。React
转载
2022-07-18 13:55:16
235阅读
nignx是一款非常优秀的服务器软件，前端工程师在开发完项目后，通常要将项目部署到服务器，我在部署项目时用的就是nginx。
今天跟大家分享一下用nginx部署前端项目的一些经验。
React项目开发完成后，需要运行 build指令进行打包，打包完成后得到打包的文件，然后将这些文件部署到服务器。
关于打包这里通常有两种操作，一种是在本地打包，然后将打包文件利用scp指
转载
2024-06-24 07:25:14
179阅读
前言 现在大红大紫的React-Native框架热度可谓与日俱增，React-Native的热更新操作，在开发过程中的确带来很多好处，但是对于发布来讲，不同平台却不尽相同， 下面来具体看一下Android和IOS两个平台是如何执行发布产品的。React-Native之Android平台发布 Android平台有两种发布方式，一种是借助于命令行操作，另外一种是借助于Android Studio进行
一、创建应用签名1、在 Android Studio 菜单栏中，依次点击 Build > Generate Signed Bundle/APK 2、在 Generate Signed Bundle or APK 对话框中，选择 APK，点击 Next 按钮 3、在 Key store path 字段下，点击 Create new 按钮 4
转载
2023-05-18 13:54:45
284阅读
重要的事情说不止 3 遍
原创
2023-05-05 06:44:42
464阅读
react 中css样式Using React you have various ways to add styling to your components. 使用React，您可以通过多种方式向组件添加样式。 (Using classes and CSS)The first and most simple is to use classes, and use a normal CSS file
最近在深入学习React的源码以及原理，这里将学到的知识记录下来。暂时只学到了基本过程，详细的内部函数原理后面有机会再记录下来。一、编译JSX首先，JSX本质其实是javascript的语法扩展，和模板语言非常接近，但是其充分具备javascript的能力。但是其要在javascript生效的话，需使用到 Babel 进行编译，JSX在被编译后，会变成一个针对 React.createElemen
