本质上来说JSX是React.createElement(component, props, ...children)方法的语法糖。所以我们如果使用了JSX，我们其实就是在使用React，所以我们就需要引入React前言React是前端最受欢迎的框架之一，解读其源码的文章非常多，但是我想从另一个角度去解读React：从零开始实现一个React，从API层面实现React的大部分功能，在这个过程中去
转载
2024-05-19 07:51:27
11阅读
# React Native iOS 发布指南
React Native 是一个流行的框架，允许开发者用 JavaScript 和 React 构建跨平台的移动应用。本文将详细介绍如何将 React Native 应用发布到 iOS 平台，并提供代码示例和指南。
## 准备工作
在开始之前，你需要确保已安装以下工具：
- Node.js
- React Native CLI
- Xcode
原创
2024-10-24 05:11:02
37阅读
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
英文文档：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阅读
今天发布了 React Native for Android，把 Web 和原生平台的 JavaScript 开发技术扩展到了 Google 的流行移动平台。React
转载
2022-07-18 13:55:16
235阅读
前言 现在大红大紫的React-Native框架热度可谓与日俱增，React-Native的热更新操作，在开发过程中的确带来很多好处，但是对于发布来讲，不同平台却不尽相同， 下面来具体看一下Android和IOS两个平台是如何执行发布产品的。React-Native之Android平台发布 Android平台有两种发布方式，一种是借助于命令行操作，另外一种是借助于Android Studio进行
nignx是一款非常优秀的服务器软件，前端工程师在开发完项目后，通常要将项目部署到服务器，我在部署项目时用的就是nginx。
今天跟大家分享一下用nginx部署前端项目的一些经验。
React项目开发完成后，需要运行 build指令进行打包，打包完成后得到打包的文件，然后将这些文件部署到服务器。
关于打包这里通常有两种操作，一种是在本地打包，然后将打包文件利用scp指
转载
2024-06-24 07:25:14
179阅读
一、创建应用签名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阅读
一、PubSubJS的使用 工具库: PubSubJS 下载: npm install pubsub-js --save 使用: 1) import PubSub from 'pubsub-js' //引入 2) PubSub.subscribe('delete', function(data){ ...
转载
2021-05-18 22:59:34
357阅读
2评论
ReactNative 集成原生项目，打包ipa和apk过程记录分析。本文章默认会iOS 和安卓常规打包，只介绍打包RN这步。 过程总览将开发JS部分打成离线Bundle供原生调用iOS 更改入口路径（安卓则配置即可）具体见下面iOS和安卓分别打包详细过程。 iOS打包ipa过程1、在你的RN项目里新建一个输出文件夹，如下图名称可以自定义。 2、用命令生成离线rn包react
转载
2023-12-31 16:27:26
699阅读
一、环境搭建如果英文好的可以查看 React Native官方文档 ,官方网站会提供最新的安装参考。React Native 主要依赖以下环境:Mac OS X操作系统Xcode, 推荐使用7.3.0或者更高版本。Node.js V6.2.1或者最新版本。watchman和flow。NVM下面图文结合详细介绍下 React Native 在 Mac 环境下的安装流程, 带你一步
转载
2024-01-23 20:20:25
49阅读
by João Henrique 通过JoãoHenrique (How to create a full stack React/Express/MongoDB app using Docker)In this tutorial, I will guide you through the process of containerizing a React FrontEnd, a Node/Exp
转载
2024-05-14 16:29:01
56阅读
React Native重构路线图发布！来源｜React Native 博客编译｜覃云今年 6 月中旬，FB 曾宣布他们将 大规模重构 React Native，目的是为了让 React Native 更轻量，更适应 JavaScript 生态圈的发展。今天，Facebook 正式公开了他们计划的一些细节：1. 让 RN 的 GitHub 存贮库更健康，issues 和 pull 请求将及时得到处
原创
2020-12-20 19:02:19
218阅读
React 通信react的数据流是单向的, react 通信有以下几种方式：父向子通信： 传入props子向父通信：父组件向子组件传一个函数，然后通过这个函数的回调，拿到子组件传过来的值父向孙通信：利用context传值。React.createContext()兄弟间通信：1、找一个相同的父组件，既可以用props传递数据，也可以用context的方式来传递数据。 2、用一些全局
转载
2021-02-09 09:45:59
1576阅读
2评论
大家学习React的时候，用的是什么教程呢？Jerry当时用的阮一峰博客上的入门教程，因为React使用的JSX语法并不是所有的浏览器都支持，所以还得使用browser.js在浏览器端将JSX转换成JavaScript. 阮一峰的React教程地址： http://www.ruanyifeng.co
原创
2021-10-22 11:05:11
70阅读
大家学习React的时候，用的是什么教程呢？Jerry当时用的阮一峰博客上的入门教程，因为React使用的JSX语法并不是所有的浏览器都支持，所以还得使用browser.js在浏览器端将JSX转换成JavaScript.阮一峰的React教程地址：http://www.ruanyifeng.com/blog/2015/03/react.html虽然是2015年的比较老了，但却是面向零基础的...
原创
2021-07-15 13:42:12
163阅读
react 通信react的数据流是单向的, react 通信有以下几种方式：父向子通信：传入props子向父通信：父组件向子组件传一个函数，然后通过这个函数的回调，拿到子组件传过来的值父向孙通信：利用context传值。React.createContext()兄弟间通信：1、找一个相同的父组件，既可以用props传递数据，也可以用context的方式来传递数据。2、用一些全局机制去
转载
2022-11-08 19:20:46
342阅读
对代码、编程感兴趣的可以关注老K玩代码和我交流!“React起源于Facebook的内部项目，因为该公司对市场上所有JavaScript MVC框架，都不满意，就决定自己写一套，用来架设Instagram的网站。 React的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。 自问世以来，受到广泛关注和使用，并逐步成为web开发的主流工具。1. ant-
原创
2020-12-28 15:41:57
3840阅读
兄弟组件间通信不必再像使用props那种通过父组件来通信，多层组件之间通信也不必在一层一层的传递， 直接在触发事件的组件中发布消息 监听组件中订阅消息即可； 下载:工具库: PubSubJS 指令: npm install pubsub-js --save 使用: import PubSub fro ...
转载
2021-10-09 17:54:00
250阅读
2评论
