对代码、编程感兴趣的可以关注老K玩代码和我交流!“React起源于Facebook的内部项目，因为该公司对市场上所有JavaScript MVC框架，都不满意，就决定自己写一套，用来架设Instagram的网站。 React的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。 自问世以来，受到广泛关注和使用，并逐步成为web开发的主流工具。1. ant-
原创
2020-12-28 15:41:57
3840阅读
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阅读
本质上来说JSX是React.createElement(component, props, ...children)方法的语法糖。所以我们如果使用了JSX，我们其实就是在使用React，所以我们就需要引入React前言React是前端最受欢迎的框架之一，解读其源码的文章非常多，但是我想从另一个角度去解读React：从零开始实现一个React，从API层面实现React的大部分功能，在这个过程中去
转载
2024-05-19 07:51:27
11阅读
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阅读
参考文章在刚学React/Vue的时候，配合webpack脚手架学习的过程中，碰到一个问题会非常疑惑，比如在React中有个Public文件夹可以放静态资源，但是在src目录中同样有个assets文件夹，这个同样也是放静态资源的，这个就很困惑了，为何放置静态资源的地方会有两个？两者区别其实放在两个文件夹区别就在于是否会被webpack所处理，如果您将文件放入该public文件夹，webpack 将
转载
2024-10-22 15:45:38
121阅读
今天来分享 Github 上 8 个很棒的 React 项目，希望能通过学习这些项目源码，帮助大家更好地理解 React，编写更优雅的 React 代码！概览：React Tetris： 俄罗斯方块Kutt.it： URL 缩短器Win11 in React： Web 版 Windows 11JoL-player： 视频播放器Take Note：
转载
2024-05-15 10:01:57
12阅读
随着react的流行，越来越多的前端工程师使用react来进行开发，当时用react时，creact-react-app无疑进入了大家的眼帘，本篇文章主要讲述如何从无到有的使用creact-react-app开发react应用，然后本地调试，直到最后的上线运行。本篇文章内容结构说明，主要有以下12个部分：1. 安装nodejs2.使用nodejs的npm包安装create-react-a
前言 首先这是一个react17的项目，包含项目中常用的路由、状态管理、less及全局变量配置、UI等等一系列的功能，开箱即用，是为了以后启动项目方便，特地做的基础框架，在这里分享出来。 这里写一下背景，我最开始是node8的环境，因为react17需要至少node14的版本，我就直接升级到16了，关于node升级遇到的问题，我有另一篇文章专门罗列步骤和可能出现的问题及解决方案，这里就不多说。
转载
2023-12-26 22:25:59
41阅读
前言：本教程起就是从0开始做一个完整的 react 项目，教程的案例推荐使用 antd 的官方文档一起学习。也可以称为在 create-react-app 中使用 antd1、首先，配置好一个 react 项目 npx create-react-app my-app 删除 src 文件夹下的所有文件： cd my-app
cd src
del * 在 src 文件夹下新建一个 in
转载
2024-01-12 07:09:04
78阅读
在开发React项目前最关键的当然是项目的创建，现在的前端工程化使得前端项目的创建也变得越来越复杂，在这里介绍三种从零开始创建React项目的方式，分别是在浏览器中直接引入、使用官方脚手架create-react-app、使用Webpack创建。浏览器中通过标签直接引入 React框架有两个核心的包，分别是react以及react-dom,如何想直接在浏览器中使用React，那么把这两个包直接引入
转载
2024-02-27 14:49:54
80阅读
之前在写项目的时候，前端用React进行开发，后端则是使用了Spring Boot，而这时候有一个需求：需要将两端的项目合在一起，在本地运行。同时，项目启动完成后需要自动打开前端页面。本人第一反应是，Spring Boot自带tomcat服务器，那能不能把编译后的前端静态文件放入后端项目中，然后一起打包，这样就可以满足一个jar包启动前后端了。在本人的不懈努力下（不断的在互联网上翻箱倒柜），总结出
转载
2024-04-05 14:01:52
163阅读
英文文档：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阅读
1.在当前文件夹打开cmd 2.npm install create-react-app -g 3.create-react-app reactproject(reactproject是项目名字) 4.cd 项目名字 5.yarn start ...
转载
2021-09-13 14:05:00
256阅读
2评论
今天发布了 React Native for Android，把 Web 和原生平台的 JavaScript 开发技术扩展到了 Google 的流行移动平台。React
转载
2022-07-18 13:55:16
235阅读
根据es6的语法规则，我们可以使用import语句，把资源引用出来，最后项目上线时，react脚手架会通过底层打包工具webpack，打包整合资源。
转载
2023-06-25 21:00:13
96阅读
react环境搭建1.安装安装nodejs()。2.安装npm或者yarn或cnpm()。3.安装react脚手架create-react-app：npm install -g create-react-app
或 cnpm install -g create-react-app
或 yarn add -g create-react-appreact创建项目create-react-app
转载
2023-08-01 23:35:08
220阅读
一、创建应用签名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
289阅读
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进行
