首页 > 其他分享 >Reactjs学习笔记

Reactjs学习笔记

时间:2023-07-17 15:00:49浏览次数:37  
标签:文件 react 项目 Reactjs 笔记 js 学习 版本 搭建

  1. 本篇是关于React的简介

ReactJS是Facebook推出的一款前端框架,2013年开源,提供了一种函数式编程思想,拥有比较健全的文档和完善的社区,在React16的版本中对算法进行了革新,称之为React Fiber。

  • 开发环境搭建
    需要nodeJS解析器,以及npm(node的包管理工具)

  • 如何引用React
    1. 使用.js来引入(js文件引入容易遗忘,不推荐)

    2. 借助脚手架工具( 方便维护,推荐)

    react当前最新版本是18,16和17版本基本推荐Create-react-app框架来搭建项目,在最新的18版本中,则推荐了NextJS, Remix, Gatsby,Expo(原生应用)这几个框架来搭建项目
    我们可以来看一下用不同框架搭建的项目的工程目录

    1.  这是用Create-react-app搭建的


    其中 node_modules 是当前项目用到的所有依赖模块包
    public文件夹中是一些静态文件(  image / font / ico,html)
    src 文件夹中是我们的源代码文件(程序入口文件index.js ,js和css )
    package.json 文件对当前脚手架安装的项目有介绍,比如项目名称,项目依赖
    yarn.lock 文件对项目依赖的安装包做了限制( 轻易不要动)
    gitignore是当你用Git版本控制工具时,上传代码需要忽略的一些文件

    2. 这是用NextJS搭建的


标签:文件,react,项目,Reactjs,笔记,js,学习,版本,搭建
From: https://www.cnblogs.com/pandacat5/p/17560051.html

相关文章

  • perl学习笔记13_引用
    目录1.说明2.创建引用3.解引用(取消引用)4.引用函数内容来源:https://www.runoob.com/perl/perl-database-access.html1.说明Perl引用是一个标量类型可以指向变量,数组,哈希表,甚至子程序,可以应用在程序的任何地方.2.创建引用my$ref_scalar=\$foo;#标......
  • 探索学习Hypermesh的有效方法
     大家好!我是一名Hypermesh的学习者,最近在学习这个强大的有限元前处理软件时,总结了一些有效的学习方法,希望能与大家分享。   1.熟悉软件界面和工具:首先,我们需要熟悉Hypermesh的界面和各种工具。了解软件的布局、菜单和工具栏,掌握基本的操作方法。可以通过观看教程视频或......
  • Rust 学习笔记:快速上手篇
    Rust学习笔记:快速上手篇这篇学习笔记将用于记录本人在快速上手Rust编程语言时所记录的学习心得与代码实例。为此,我会在本笔记库项目的Programming/LanguageStudy/目录下创建一个名为Rust的目录,并在该目录下设置以下两个子目录:QuickStart目录用于存放Markdown格式的笔记。......
  • 关于记笔记的迷思
    迷思一:每年都会有一些高考状元的笔记,或者985的笔记在卖,和这些学霸比起来似乎记笔记是一项非常重要的技能,如果记不好笔记,笔记不美观那么你似乎拿不了高分。迷思二:有很多记笔记的软件,Typora,Notion,Obsidian等等仿佛不会其中一种你的生产力就不行。关于这些问题问了chatgpt,我问了cha......
  • python学习_循环结构(while循环和for循环)
    一、什么叫循环结构?反复做同一件事情的情况,就要循环python中的循环结构主要有两种:1)while2)for-in 二、while循环只要条件成立,其包含的某条语句或某个语句块就会一直被执行,while循环与if语句的区别就是if语句是判断一次,条件为True就执行一次执行体,while循环是判断N+1次,条件......
  • Asp-Net-Core学习笔记:单元测试和集成测试
    前言我在使用AspNetCore的这段时间内,看了很多开源项目和博客,发现各种.Net体系的新技术很多人都有关注和使用,但却很少有人关注测试。测试是软件生命周期中的一个非常重要的阶段,对于保证软件的可靠性具有极其重要的意义。在应用程序的开发过程中,为了确保它的功能与预期一致,必......
  • perl学习笔记12_字符串处理
    目录substr,rindex,取出最后一个斜线之后的所有内容:#说明:#rindex($a,"/")+1,表示从$a中找出最后一个"/"出现的位置(index);#位置值加1,表示最后一个"/"出现的位置之后的index;#substr($a,index),只有index参数,没有long参数,表示一直取值到字串......
  • 【笔记整理】请求携带cookie的两种方法
    """方法一:在请求头header中携带Cookie请求头信息(因为本身Cookie就是用请求头传递的....)方法二:使用cookie参数传递cookie字典"""fromhttp.cookiejarimportCookieimportrequests.utilsfromrequests.cookiesimportRequestsCookieJarifname=='main':#方法一:......
  • “Win10笔记本开热点,手机连不上”的解决方案
    1、打开WLAN和热点开关;2、网络和Internet设置->网络和共享中心:可以看到2个活动网络,一个是”以太网“(可以连接网线上网),另外一个是热点(名字类似于”本地连接*2“不能上网)。3、进入”以太网“的属性->共享->Internet连接网络:勾选”允许其他网络用户通过此计算机的Internet连接来......
  • 【笔记整理】使用Session会话保持
    importrequestsif__name__=='__main__':#Session对象实现了客户端和服务器端的每次会话保持功能。session=requests.Session()resp=session.get("http://www.baidu.com")#使用Session会自动携带cookie每次请求后的cookieresp2=session.g......