TMP-core React构建模块 独立构建的 TMP-core 资源,挺适合你在已有 React + Redux 项目里直接拿来用。 TMP-core的核心文件放在dist或dist_dev文件夹里,你只需要把内容复制进自己的项目,当成静态资源来加载,没啥复杂配置,挺省事。 但前提是你用的是Webpack做构建,嗯,得加点exter
React项目启动脚本指南 使用 Create React App 创建项目的过程挺。项目目录下有一些实用的脚本,可以你快速启动开发环境。例如,你可以用 npm start 启动开发模式,浏览器会自动显示页面并实时更新,编辑后页面会刷新,控制台也会显示错误信息,调试挺方便的。用 npm test 可以启动测试模式,确保代码没有
yandex-gallery图像库无限滚动与预览功能 无限滚动的图像库 yandex-gallery,适合做图片展示页、作品集,甚至是懒加载画廊。配置也不复杂,npm i一装,npm start一跑,浏览器里直接看效果,挺顺手。 图像预览的交互体验还不错,点一下图片就能全屏预览,再加点小特效会更酷。你可以参考下图像全屏预览与加载特效,配合用效果更赞。
React初始化项目快速搭建开发环境 Create React App 的初始化项目,挺适合刚接触 React 的朋友。项目脚手架拉下来就能跑,基本不用怎么配置,npm start一下就进开发模式,页面改了还能自动刷新,开发体验蛮顺的。 测试也给你配好了,直接跑npm test,可以边写边看结果。要打包?npm run build一键搞
financial-data-ui React前端模板 financial-data-ui 的项目结构是用 Create React App 搭的,挺适合快速启动前端项目的。你 clone 下来直接npm start,就能看到页面,响应也快,改点代码还能热更新,开发体验还不错。 开发时要跑测试?直接npm test,是那种交互式的,输个命令就能跑,还能看
React寻路可视化器 路径算法的动画演示,挺适合练手 React 项目的。React 的可视化路径查找器,风格简洁,交互直观。你写完算法后,马上能看到路径怎么一步步找出来。对于理解像Dijkstra、A*这类算法,还是蛮有的。 项目用的是Create React App搭出来的,结构清晰,不折腾。你只要跑个npm sta
Chart-Canvas K线图可视化库 图表控的宝藏库 Chart-Canvas,用javascript配合canvas,专门画 K 线图那一挂的,体验还挺顺。项目结构清晰,想改想加功能都方便,适合你动手捣鼓。代码干净,响应快,配合上 webpack 那一套也比较顺手。 目录下像chart、component、data这些模块都分类得挺明
my-portfolio React初学练手项目 黑白配色的my-portfolio项目挺适合新手练手。用的是Create React App起步,结构清晰,脚本也写得明白,开发环境开箱即用。你只要在项目目录里跑一行 npm start,浏览器就能立刻打开,响应也快,改完代码页面会自动刷新,连控制台都帮你抓错,真的是省心。 npm test能进测试
Vue本地开发跨域解决方案(基于浏览器配置) 浏览器的跨域限制越来越多,Vue 开发时本地调试老是碰到接口求失败?蛮多人会去改后端,其实前端也能搞定。是用vue-cli跑开发环境的时候,只要配置一下 Chrome,就能绕过那些烦人的 CORS 校验。这个方式适合前后端分离但又改不了后端配置的场景,挺实用的。而且不麻烦,几步搞定,响应也快,体验比
Corona Check List React快速启动项目 corona-check-list 项目是一个相当直观的工具,它通过引导的方式你快速启动应用开发。你只需要在项目目录中运行npm start,就能在开发模式下启动应用。改动代码后,页面会自动刷新,还会在控制台显示错误信息。需要测试时,运行npm test,它会启动交互式的测试模式。想要把项目部署到生