Nextjs学习笔记

前言 在学习完React后打算手撸一个博客,鉴于React是单页面SPA应用,SEO属实不友好,最后了解到Next.js,一个轻量级的 React 服务端渲染应用框架,也就是说具有良好的SEO优化,故大致学习一下。 环境搭建 这里我使用的是create-next-app,一个官方的脚手架,全局安装搞起来~ npm install -g create-next-app 创建项目 create-next-app demo #demo即项目名称 目录详解 |-- components //用于放置自己写的组件,这里的组件不包括页面,指公用的或者专门用途的组件 |-- node_modules //Next项目的依赖包 |-- pages //放置页面,这里的内容会自动生成路由,并由服务端渲染,渲染后进行数据同步 |-- static //静态文件夹,比如静态资源 |-- package.json //定义了项目所需要的文件和项目的配置信息(名称、版本和许可证),最主要的是使用npm

React学习笔记

前言 学习React是今年的计划之一,再加上之前学习了Vuejs,想了解两者之间的区别,因此大致学习下React,有机会再用React写一个项目。 React的三大体系 用于Web开发和组件的编写 ReactNative用于移动端开发 ReactVR用于虚拟现实技术的开发 安装 安装Nodejs 使用Reactjs最原始的方法就是script标签引入,但这太low了,并且在工作当中也不会这样引用,因此安装Nodejs来使用react最佳~打开下面的网址,自行安装即可。 Nodejs中文网址:http://nodejs.cn/ 脚手架安装 安装完Nodejs后,使用npm命令安装脚手架 npm install -g create-react-app 创建第一个React项目 create-react-app demo 目录结构 src:项目代码主目录 public:公共文件,例如可以存储样式文件、图标等等 node_modules:项目的依赖包 gitignore:git的选择性上传配置文件 package-lock.json:锁定安装时的版本号,以保证其他人再npm install时大家的依赖能保证一致 src文件夹