fxy5869571 / Blog React
基于typescript koa2 react的个人博客
Stars: ✭ 314
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Blog React
React Koa Login
koa2 + react + react-router(4.0) + redux + webpack + antd
Stars: ✭ 109 (-65.29%)
Mutual labels: koa2, antd
sunrise
The rise of a new project with React, Redux-Saga and React-Router
Stars: ✭ 13 (-95.86%)
Mutual labels: redux-saga, antd
Next Blog
基于react(ssr)服务端框架next.js和antd-design搭建的个人博客
Stars: ✭ 214 (-31.85%)
Mutual labels: koa2, antd
Sinn
a blog based on of react,webpack3,dva,redux,material-ui,fetch,generator,markdown,nodejs,koa2,mongoose,docker,shell,and async/await 基于react+koa2技术栈的个人开源博客系统
Stars: ✭ 175 (-44.27%)
Mutual labels: blog, koa2
React Blog
react blog build with react hooks + koa2 + sequelize + mysql for personal usage.
Stars: ✭ 83 (-73.57%)
Mutual labels: blog, antd
simpleCMS
simpleCMS是一款开源cms系统, 主要为个人/团队快速开发博客或者知识共享平台, 类似于hexo, worldpress, 但是他们往往需要复杂的搭建过程, 我们将复杂度降到最低, 并且有详细的部署教程, 你只需要有一台服务器, 就能轻松拥有一个属于你的博客平台.
Stars: ✭ 74 (-76.43%)
Mutual labels: antd, koa2
Eth Hot Wallet
Ethereum wallet with erc20 support / web wallet - built using react, web3, eth-lightwallet
Stars: ✭ 205 (-34.71%)
Mutual labels: antd, redux-saga
laravel-react-boilerplate
Laravel React Boilerplate with Ant Design, Route-Level Code Splitting, Redux, Sanctum Auth
Stars: ✭ 49 (-84.39%)
Mutual labels: redux-saga, antd
Kails
A Web App like Ruby on Rails with Koa2, Webpack and Postgres
Stars: ✭ 512 (+63.06%)
Mutual labels: blog, koa2
bank-client
Frontend Application using React.js with Hooks, Redux, Saga, Ant Design, styled-components and Jest
Stars: ✭ 57 (-81.85%)
Mutual labels: redux-saga, antd
umi-dva-typescript-mock
基于umi + dva + typescript + mock + antd的react框架,内置PWA
Stars: ✭ 17 (-94.59%)
Mutual labels: redux-saga, antd
Umi Admin
基于蚂蚁金服 umi 可插拔的企业级 react 应用框架开发的 Admin。最核心特点:对后端开发人员友好
Stars: ✭ 310 (-1.27%)
Mutual labels: antd
Ant Design Blazor
🌈A set of enterprise-class UI components based on Ant Design and Blazor WebAssembly.
Stars: ✭ 3,890 (+1138.85%)
Mutual labels: antd
Apple的个人博客
动机
一直想学习下typescript的,趁着业余时间,于是就写了这个博客0.0
技术栈
前后端都基于typescript3.0,使用tslint规范代码
后端使用 koa2 提供一个简易的 http 服务器, 并将所有路由定位到入口 router/index.ts 处理. 使用 react-router分发接口, 后端 API 采用类似 Restful 风格的接口, 数据库是 MongoDB, , 权限控制采用 jwt token 的方式.目前只有两种权限,游客只有浏览的权限,管理员可以增删改查文章
博客和管理端基于 react 框架, 使用 redux 和 redux-saga 统一处理数据, react-router 提供路由, ui 使用antd, 使用fetch请求后端数据. 深圳求个react坑
演示地址
更新
1.更新typescript 到3.0。
2.解决服务器接口本地跨域的问题。 3.修改了文章只有第一段代码高亮的bug
Usage
安装
git clone https://github.com/fxy5869571/blog-react.git
cd blog-react
yarn install
yarn start
入口
import { LocaleProvider } from 'antd'
import zhCN from 'antd/lib/locale-provider/zh_CN'
import * as React from 'react'
import * as ReactDOM from 'react-dom'
import { Provider } from 'react-redux'
import { applyMiddleware, createStore } from 'redux'
import createSagaMiddleware from 'redux-saga'
import './index.less'
import reducer from './reducers'
import RouterMap from './router/RouterMap'
import rootSaga from './saga'
const sagaMiddleware = createSagaMiddleware()
const store = createStore(reducer, applyMiddleware(sagaMiddleware))
sagaMiddleware.run(rootSaga)
ReactDOM.render(
<LocaleProvider locale={zhCN}>
<Provider store={store}>
<RouterMap />
</Provider>
</LocaleProvider>,
document.getElementById('root') as HTMLElement
)
目录结构
管理端截图
博客截图
请我喝杯咖啡
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].