写在前面的话一直以来，无论开发还是学习使用的框架都是以 Vue 为主，对 React 前端框架知之甚少。为了不掉队，也陆陆续续学了一些 React 知识，本文是入门项目笔记，使用 Typescript + React + Redux + React-redux 技术实现 TodoList。本文从新手的角度分析如何编写基于 Typescript 的 React 项目，以及记录在编写过程中遇到的问题。
vscode是我个人用过的最舒服的开发工具，同样，集成了git，支持插件，最主要的是占用内存小。atom是我开发react native最先用的工具，有酷炫的开发效果，但是最令我不爽的是，占用内容大，酷炫的插件没装几个就卡的不行。所以个人推荐vscode，让代码飞。。。(一)React Native Tools该扩展工具(React Native Tools)给React Native项目提供了一
转载
2024-01-10 19:54:44
508阅读
vscode 搭建react-native选择：vscode + typings + eslint* vscode: 宇宙最强IDE家族的最新产品
* typings: 基于typescirpt的接口文件
* eslint: 代码静态检查，技能检测低级的语法错误，又能规范代码格式和应用最佳实践工具和插件编辑器下载： vscode.必装和推荐的插件如下：
转载
2023-10-26 11:31:50
295阅读
初始化项目
安装开发依赖
搭建mock环境一、初始化项目1.运行cmd，执行create-react-app 项目名 --template typescript没有安装create-react-app的同学，请使用npx命令npx create-react-app 项目名 --template typescript2.用IDE打开项目文件可以看到create-react-app已经很贴心的帮我们把
idea支持插件的安装，使用合适的插件可以极大的提高我们的工作效率。安装太多插件又会拖慢IDEA的执行。所以只安装一些常用插件即可。前言：1. idea的插件的安装方式：左上角File-> setting ,搜索plugins。还可以下载好插件（找到以前安装插件的IDEA下的plugins文件夹），从硬盘安装。如果网络不好或者公司网络限制，可以从这个 idea插件官方下载地址搜索想
# 如何开发一个 VS Code 的 React TypeScript 插件
在这个教程中，我们将逐步了解如何创建一个 VS Code 插件，使用 React 和 TypeScript 进行开发。以下是整个流程的步骤概览。
## 步骤概览
| 步骤 | 描述 |
|--------------|-
原创
2024-08-18 07:58:52
146阅读
react中文官网如图所示。在中文官网 https://reactjs.bootcss.com/ 中也有入门教程。 1.首先，要安装 Node.js 及 NPM 。 具体参考之前的文章：Nodejs安装和环境配置2. 安装react的脚手架。 npm install -g create-react-app 3. 安装好之后，输入create-react-app，可以看到已经安装成功
转载
2023-11-29 23:54:18
63阅读
# 使用 Yarn 安装 React 的完整指南
在现代前端开发中，React 已成为非常受欢迎的库，用于构建用户界面。而 Yarn 是一个流行的 JavaScript 包管理工具，因其快速性与简易性受到开发者的青睐。在这篇文章中，我们将探讨如何使用 Yarn 安装 React，并提供详细的步骤和代码示例。
## 什么是 Yarn？
Yarn 是 Facebook 开发的一个 JavaScr
# 使用 Yarn 安装 React 的指南
React 是一个用于构建用户界面的 JavaScript 库，因其高效的组件化开发模式而广受欢迎。在本篇文章中，我们将探讨如何使用 Yarn 安装 React，并且提供一些基本的代码示例来帮助你快速上手。
## 什么是 Yarn？
Yarn 是一个现代化的 JavaScript 包管理工具，它比 npm（Node 包管理器）更快，具有更好的依赖
大厂技术 高级前端 Node进阶点击上方 程序员成长指北，关注公众号回复1，加入高级Node交流群工作用的技术栈主要是React hooks + TypeScript。使用三月有余，其实在单独使用 TypeScript 时没有太多的坑，不过和React结合之后就会复杂很多。本文就来聊一聊TypeScript与React一起使用时经常遇到的一些类
转载
2023-09-22 22:49:23
112阅读
一，react是什么？react是一款前端编程框架，是一个用于构建用户界面的 javascript 库，最初起源于 Facebook 的内部项目，开源以后因其便捷的操作迅速成为了前端工程师最得力的工具，React 拥有较高的性能，代码逻辑非常简单，目前在全世界范围内仍是最受欢迎的前端框架。二，react安装首先，确保电脑上具备nodejs环境，之后用 win+r 呼出控制台，输入 cmd 命令弹出
转载
2024-03-06 23:06:05
233阅读
VScode现在已经越来越完善。性能远超Atom和webstorm,你有什么理由不用它?在这里，我会给你们推荐很多实用的插件，让你对 vscode 有更深刻的体会，渐渐地你就会知道它有多好用。走马观花前，请先将你的 vscode 更新到最新版本。通用插件HTML Snippets超级实用且初级的 H5代码片段以及提示HTML CSS Support让 html 标签上写class 智能提示当前项目
1.开发工具：Visual Studio Code2.常用插件：但针对 React Native 开发而言，还不够详细，本文就来详细探讨如何更好的为 React Natiev 开发定制 VSCode。（1）React Native Tools微软官方为 React Native 开发提供的专门的插件，按照官网的说明进行插件的安装即可。这个插件使得开发者可以在 VS Code 中调试 React N
gatsbyGatsby is a static site generator for React that released its first major version last month. It’s a tool that not only scaffolds projects (or websites) for you but claims that those sites are f
创建项目 1、安装cra npm install -g create-react-app 2、创建项目 “react-lesson” 为文件名 create-react-app react-lesson 3、启动项目 npm start 使用第三方组件 1、antd： npm install ant ...
转载
2021-07-13 10:23:00
680阅读
2评论
一、yarn的简介：Yarn是facebook发布的一款取代npm的包管理工具。二、yarn的特点：速度超快。Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。超级安全。在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。超级可靠。使用详细、简洁的锁文件格式和明确的安装算法，Yarn 能够保证在不同系统上无差异的工作。三、y
转载
2023-08-04 11:15:35
177阅读
一、项目创建+插件安装前端项目的创建有三种方式： 参考在html中引入react, react-dom,Babel（使浏览器识别JSX语法）等使用官方脚手架create-react-app创建使用Webpack创建 个人认为第二种方式最简单，目前只介绍第二种方式创建create-react-app脚手架yarn global add create-react-app创建react项目文件npx c
# 如何在 Mac 上使用 Yarn 安装 React
在软件开发的领域，使用 React 创建单页面应用程序是一项非常受欢迎的技能。而 Yarn 是一个流行的 JavaScript 包管理工具，可以帮助你轻松安装和管理项目依赖。在这篇文章中，我将带你一步一步地完成在 Mac 上使用 Yarn 安装 React 的过程。
## 安装流程
下面是安装的基本流程：
| 步骤 |
# 如何使用yarn安装React环境
## 介绍
React是一个用于构建用户界面的JavaScript库，它受到了广泛的欢迎和采用。在开始React开发之前，你需要安装React环境。本文将教你如何使用yarn来安装React环境，并提供每一步骤所需的代码示例和解释。
## 整体流程
安装React环境的过程可以分为以下几个步骤：
```mermaid
gantt
dateFor
原创
2024-02-14 07:57:08
134阅读
# Yarn安装插件
在前端开发过程中，我们经常需要使用各种插件来提高工作效率和开发体验。而Yarn作为一个强大的包管理器，可以帮助我们轻松地安装和管理这些插件。本文将介绍如何使用Yarn来安装插件，并提供一些常用插件的示例。
## 什么是Yarn？
Yarn是一个由Facebook开发的新一代包管理器，它可以用于管理JavaScript代码的依赖关系。与npm相比，Yarn具有更快的安装速
原创
2023-10-24 15:17:20
123阅读
