All Projects → microzz → News App By React.js

microzz / News App By React.js

🌈一个由React.js编写的新闻WebApp。A news WebApp by React.js.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to News App By React.js

GOSH-FHIRworks2020-React-Dashboard
🩺 Fully Responsive FHIR Dashboard written using @reactjs for NHS and GOSH hackathon
Stars: ✭ 21 (-83.97%)
Mutual labels:  react-router, antd
H5 Dooring
H5 Page Maker, H5 Editor, LowCode. Make H5 as easy as building blocks. | 让H5制作像搭积木一样简单, 轻松搭建H5页面, H5网站, PC端网站,LowCode平台.
Stars: ✭ 5,832 (+4351.91%)
Mutual labels:  antd, react-router
react-template
An enterprise react template application showcasing - Testing strategy, Global state management, middleware support, a network layer, component library integration, localization, PWA support, route configuration, lazy loading and CI/CD
Stars: ✭ 44 (-66.41%)
Mutual labels:  react-router, antd
laravel-react-boilerplate
Laravel React Boilerplate with Ant Design, Route-Level Code Splitting, Redux, Sanctum Auth
Stars: ✭ 49 (-62.6%)
Mutual labels:  react-router, antd
React Mobx Ts Antd
A simple empty project build with react、react-router、mobx、antd in typescript.
Stars: ✭ 53 (-59.54%)
Mutual labels:  antd, react-router
frontend-tutorial
🎨 一个后端程序员的前端技术总结
Stars: ✭ 122 (-6.87%)
Mutual labels:  react-router, antd
React Admin
基于 Ant Design React 的管理系统架构
Stars: ✭ 376 (+187.02%)
Mutual labels:  antd, react-router
React Admin
基于antd、redux-observable、redux-thunk、react-router响应式SPA脚手架,后台管理系统demo. 权限管理,用户管理,菜单管理。无限级菜单,下拉树形选择框
Stars: ✭ 141 (+7.63%)
Mutual labels:  antd, react-router
React Redux Antdesign Webpack Starter
react + redux + ant design + react-router 4 + webpack 4 starter
Stars: ✭ 44 (-66.41%)
Mutual labels:  antd, react-router
React Article Bucket
总结,积累,分享,传播JavaScript各模块核心知识点文章全集,欢迎star,issue(勿fork,内容可能随时修改)。webpack核心内容部分请查看专栏: https://github.com/liangklfangl/webpack-core-usage
Stars: ✭ 750 (+472.52%)
Mutual labels:  antd, react-router
sunrise
The rise of a new project with React, Redux-Saga and React-Router
Stars: ✭ 13 (-90.08%)
Mutual labels:  react-router, antd
Spring Security React Ant Design Polls App
Full Stack Polls App built using Spring Boot, Spring Security, JWT, React, and Ant Design
Stars: ✭ 1,336 (+919.85%)
Mutual labels:  antd, react-router
Alldemo
🍑 2020全栈学习Demo大合集 包含最新 hooks TS 等 还有umi+dva,数据可视化等实战项目 (持续更新中)
Stars: ✭ 189 (+44.27%)
Mutual labels:  antd, react-router
react-visualized-platform
🐞 基于 React 的雾霾数据爬虫分析平台
Stars: ✭ 31 (-76.34%)
Mutual labels:  react-router, antd
React Admin
基于react的后台管理项目模板
Stars: ✭ 184 (+40.46%)
Mutual labels:  antd, react-router
Tonzhon Music
将QQ音乐、网易云音乐和酷我音乐上的歌添加到一个列表来播放!
Stars: ✭ 257 (+96.18%)
Mutual labels:  antd, react-router
Antd Umi Sys
企业BI系统,数据可视化平台,主要技术:react、antd、umi、dva、es6、less等,与君共勉,互相学习,如果喜欢请start ⭐。
Stars: ✭ 503 (+283.97%)
Mutual labels:  antd, react-router
React Antd Admin
用React和Ant Design搭建的一个通用管理后台
Stars: ✭ 1,313 (+902.29%)
Mutual labels:  antd, react-router
React Koa Login
koa2 + react + react-router(4.0) + redux + webpack + antd
Stars: ✭ 109 (-16.79%)
Mutual labels:  antd, react-router
Weekly
汇总平时看到的好文章,前端技术 & 产品研发为主...
Stars: ✭ 1,654 (+1162.6%)
Mutual labels:  news

ReactNewsApp

介绍

一个由React.js编写的新闻WebApp。 A news WebApp by React.js. 本应用仅供学习,请不要用于商业用途,供学习交流😁 因为技术有限,所以可能有好多不足,欢迎提建议哦😄 👉 项目地址

技术栈

React.js组件化开发

项目采用组件化的思想,把大的功能模块划分成一个个小的模块,便于团队合作和维护。

react-router路由管理

路由库React-Router,它是官方维护的,事实上也是唯一可选的路由库。它通过管理 URL,实现组件的切换和状态的变化,开发复杂的应用几乎肯定会用到,特别是SPA(单页应用)

antd使页面更加美观

Ant Design 是蚂蚁金服开发和正在使用的一套企业级的前端设计语言和基于 React 的前端框架实现。

  • 特性

企业级金融产品的交互语言和视觉体系。

丰富实用的 React UI 组件。

基于 React 的组件化开发模式。

背靠 npm 生态圈。

基于 webpack 的调试构建方案,支持 ES6。

开始

本项目以慕课网视频为原型开发,大家可以发挥想象改进功能😄

下载下来之后,先安装依赖 npm install 或者 cnpm install,然后:

npm run dev or npm run build

预览

PC端 react-news by microzz.com

手机端

react-news by microzz.com

👉 个人技术网站 👉GitHub

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].