public Initialize project using Create React App May 24, 2024 src add some app Jun 24, 2024 .gitignore Initialize project using Create React App May 24, 2024 README.md Initialize project using Create React App May 24, 2024 Test.yml add some app Jun 24, 2024 package-lock.json Initialize ...
React-Router(处理页面路由) Redux(数据状态管理) Redux-Saga(处理异步 Action) 后端 Koa(基于 Node.js 平台的下一代 web 开发框架) Mongoose(内置数据验证, 查询构建,业务逻辑钩子等,开箱即用) 本地运行 #clonegit clone https://github.com/B2D1/TodoList.git ...
如果要把 react 项目部署到 GitHub Pages 的话,需要: 1.把 .gitignore 里的 build 一行删除 2.在 package.json 中添加:"homepage": "https://no1harm.github.io/react-todolist/build"(后面的值为 gitpages 链接地址 + /build) 3.运行cnpm build 4.重新 push 上 GitHub,可以看到项目的正常预览了。 入...
https://github.com/YikaJ/react-todos 解压后,把package.json拷贝到代码目录。 {"name": "react-todos","version": "1.0.0","description": "","main": "index.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1"},"author": "","license": "ISC","dependencies": {...
用React 完成一个 todolist 尝试一下之前没有接触过的框架: React。 项目代码链接:GitHub 项目预览链接:Git Pages 测试账号:123 测试密码:456 通过使用 react 完成一个 TODOList,具有以下功能: 1.可以注册并登录,PC和移动端都可以使用 2.可以添加/删除 todo 选项 ...
React 是一个用于构建用户界面的 JavaScript 库,主要特点有:声明式渲染:设计好数据和视图的关系,数据变化 React 自动渲染,不必亲自操作DOM组件化:页面切分成多个小部件,通过组装拼成整体页面,利于代码复用本文通过写个简单的 TodoList 实例,不求甚解,熟悉下 React 的开发过程。1. 安装 Node.js Node.js 是...
【转载】React入门-Todolist制作学习 服务器的配置使用了Nginx,部署和配置方法,可以参考以前关于Nginx的博客。 先在文中的github页面下载了包 https://github.com/YikaJ/react-todos 解压后,把package.json拷贝到代码目录。 { "name": "react-todos",...
MDN通过一个Todo List App的制作,教导React的知识点。 这是我在MDN学习React的总结,总结出了一些React开发的基本特性,加上MDN上这个教程的简体中文还没翻译过来,我的总结就更有意义了。 我的成品放在了Github。 React基本概念 JSX是什么? JSX语法,是长得很像HTML的JavaScript代码,简称:JavaScript语法的类HTML扩展(...
在过去的一年中,Vue的火热让人印象深刻,但是React在github上王者地位依然巩固,在本文发布前拥有5.7W个⭐️,在当下依然是最热门的Javascript框架。本文将从最基础的点讲起并且尽量用简短的篇幅,一步步完成一个简单的TodoList :D 来自Google trend Screenshot ...
实现一个简单的todolist JSX编码细节 github地址:https://github.com/cindygogogo/studyReact/tree/master/todolist 实现一个简单的todolist 1.create-react-app npx create-react-app my-app cd my-app npm start 参考官网:https://reactjs.org/docs/create-a-new-react-app.html ...