近期要在生产环境上使用react,所以,自己学习了一下,写了一个简单的留言板小程序。完整的代码可以到这里下载:message-boardUse前端使用React,然后还有Bootstrap和jQuery,React负责前端展现,jQuery主要是向服务器发送ajax请求。后端使用Flask和MongoDB,为前端提供数据。这里主要关注前端,对于后端不做过多说明。使用webpack,对js文件进行打
经过了第一二周对于整个实训项目功能,数据库的讨论确定,各自也分配了不同的任务,我的任务是使用react前端实现pc端对于问卷的操作,主要是对于问卷的页面显示,和数据填写,也就是与数据库的一个交互过程。首先与学长进行交流,学长提供了一些学习react,Bootstrap ,jQuery的学习资料搭建开发环境,使用webstorm进行开发,原本就有git不需要再安装,安装nodeReatct学习:一.
转载 2023-11-11 07:54:30
107阅读
这是一个 React 开发的一个项目记录。我们将从零开始,使用 React 开发项目。后面会持续更新相关的 React 相关内容...
文章目录React前端基础实例教程1.建立项目2.整理项目目录结构3.权限路由配置4.pages页面5.实现全局状态管理6.封装axios7.后台接口8.传值8.整合iconfont阿里图标库9.打包部署10.完结 React前端基础实例教程1.建立项目环境搭建安装node.js(详细安装过程及配置,百度一下)开始建立项目# create-react-app建立项目 npx create-rea
转载 2024-07-01 06:01:07
92阅读
一直在用react进行编码,下面来看一下react框架的源码,了解一下react框架的思路。首先,看下packages/react文件夹下的代码,也就是React通过packages/react/index.js,可以大致了解到有哪些常用的react apiexport { __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, act as u
转载 2024-05-21 05:43:38
46阅读
react-native-android-guide 致力于帮助Android开发者转react-native开发。   地址:https://github.com/jiangqqlmj/react-native-android-guide 作为一名Android开发者,我的感觉就是,一步一卡,卡的潇洒。 但是我还是要学react-native,不要问我为什么,因为我相信一门解决了原生
1. react脚手架xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置(语法检查、jsx编译、devServer…)下载好了所有相关的依赖可以直接运行一个简单效果react提供了一个用于创建react项目的脚手架库: create-react-app项目的整体技术架构为:  react + webpack + es6 + eslint.....
转载 2024-02-03 13:52:47
25阅读
开发现代的前后端项目中,使用 React 作为前端框架以及 Python(如 Django、Flask)作为后端技术栈已经成为一种流行选择。这一结合不仅对开发者友好,而且也能通过良好的架构设计和性能优化,实现高可用的解决方案。接下来,我将描述我们在开发这样的项目时所经历的过程,包括业务场景分析、技术演进、架构设计、高可用方案、性能优化,以及故障复盘等关键环节。 ### 业务场景分析 在我们的
原创 5月前
25阅读
        学习过java语言,才发现类型标注的重要性,在前端,js最让人诟病的便是无类型规范,可以随意赋值和改变类型等,这样项目出现bug的几率大大增加,而js的超集typescript完美解决了这个问题。(别犹豫是否该学ts了,说白了,ts才是前端的脸面,何况主流框架和库早就推出了ts环境下的开发方式和类型标注
转载 2024-01-05 21:18:54
68阅读
一、本案例在 理解redux和redux的中间件redux-thunk的认识基础上及结合fetch如果有不清楚的可以查看下-fetch下一代ajax请求数据的封装用户在页面上点击按钮触发事件调用数据二、项目结构|react-redux-demo|----webpack.config.js|----package.json|----index.html|----node_modules //
原创 2021-06-15 15:55:49
338阅读
项目为公司的公众号管理系统,承载了公司每个部门的业务,需求多,开发周期长,技术可圈可点之处较多,特此记录与大家
原创 2023-03-23 00:07:48
113阅读
转载请标明出处:http://blog.csdn.net/developer_jiangqq/article/details/50519677本文出自:【江清清的博客】(一)前言 【好消息】个人站点已经上线执行,后面博客以及技术干货等精彩文章会同步更新,请大家关注收藏:http://www.lcod
转载 2017-07-27 17:33:00
165阅读
React前端开发环境搭建首先,我们需要明确的是React和很多前端框架一样,底层都还是js以及html,即便它有着看似特殊的jsx语法。我们要在服务端运行js,就需要依赖一个环境,和运行war包需要tomcat一类中间件一样,运行js需要node.js,同时因为我们用了各种框架,所以相应的module依赖也需要,需要使用npm工具,这就类似于maven管理jar包依赖一样同样maven可以修改镜
编者按:选择 React ,对于陈屹来说,简单好用;对于他的工作团队而言,它活跃的生态圈与层出不穷的优秀解决方案让开发更高效。陈屹表示,他们会一直坚持在这条路上,不断探索、学习。陈屹(@流形)前端架构师,就职于阿里巴巴。热衷开源事业,长年专注于前端架构、数据可视化、Node.js等领域,知乎专栏pure render的创办人,《深入React技术栈》作者。 Pure render专栏成
新式路由的使用官网一、项目中使用1、安装npm install react-router-dom --save2、在项目中基本的使用import React, {Component} from 'react';// 引入路由的文件 import {BrowserRouter,Route,Link} from 'react-router-dom';import Home from "./
原创 2021-06-15 15:55:30
354阅读
# ReactPython实战项目指南 在当今的开发环境中,使用React结合Python创建实战项目是一个非常有意义的选择。React负责前端界面,而Python则常用于后端逻辑处理。本文将指导你完成一个简单的项目,帮助你理解整个过程。 ## 项目步骤概述 为了帮助你理清思路,下面是整个项目的流程: | 步骤 | 描述 | | ---- | ---- | | 1 | 设置Pyth
原创 9月前
178阅读
  如果你刚刚开启web开发生涯的人生,并且已选择使用 React,或者你正在考虑使用它,那么你可能会碰到很多问题。这里收集了一些关于 React 的常见问题,都关于 React 的各个方面。  1. 什么是反应?  React 或 ReactJS,有时被称为是一个 Javascript 库,用于为 Web 应用程序和网站构建交互式用户界面,旨在最大限度地减少为 Web 应用程序和网站创建用户界面
最近刚学完react 直接来开搞个小项目创建项目技术栈跨域扩展跨域路由Antd页面首页音乐组件首页内容注册登录一级分类和二级分类详情页制造商 有些代码很丑陋,望评论区的大佬多指点一下 创建项目1. npm install -g create-react-app 2. create-react-app my-app //新建并对react项目进行命名(注:项目名称不能有大写) 3. cd
1. Taro1.1. 介绍官网开发文档Taro 是一套遵循 React 语法规范的 多端开发 解决方案。由京东的凹凸实验室团队于 2018-09-18 历时 3 个月正式发布。taro 的目标是使用一套代码达到多端统一。多端:微信小程序H5React Native支付宝小程序百度智能小程序快应用 适配中QQ 浏览器轻应用1.2. 注意虽然 Taro 拥有多端编译的能力,但是为了让我们的学习有一条
前言  首先这是一个react17的项目,包含项目中常用的路由、状态管理、less及全局变量配置、UI等等一系列的功能,开箱即用,是为了以后启动项目方便,特地做的基础框架,在这里分享出来。  这里写一下背景,我最开始是node8的环境,因为react17需要至少node14的版本,我就直接升级到16了,关于node升级遇到的问题,我有另一篇文章专门罗列步骤和可能出现的问题及解决方案,这里就不多说。
  • 1
  • 2
  • 3
  • 4
  • 5