react awesome

[vieyahn2017]

react https://github.com/jsr-desarrolloweb/metallographic_sample_hub 页面结构很简单，适合学习react，就是页面后端缺失http://127.0.0.1:5000 导致完整的调试不容易

该人还有一个 前后端都是js的项目 https://github.com/jsr-desarrolloweb/task-hub 前端vue 后端express

[vieyahn2017]

https://gitee.com/MinJieLiu/react-photo-view 一款超精致的图片预览组件

[vieyahn2017]

下面这些是[react nextjs]搜出来的

alura-challenges/aluraquiz-base Projeto construido durante a Imersão React edição NextJS da Alura! 这个葡萄牙语的好像很高级

creativetimofficial/notus-nextjs Notus NextJS: Free Tailwind CSS UI Kit and Admin https://github.com/creativetimofficial/notus-nextjs

pmndrs/react-three-next React Three Fiber, Nextjs, Tailwind and Styled-components starter https://github.com/pmndrs/react-three-next

[vieyahn2017]

https://gitee.com/whiteshader/ruoyi-react 若依(Ruoyi-React)是一套全部开源的快速开发平台

正好昨天搜晶粒度项目搜到的一个人 黔牧云若依后台 https://github.com/SunShaoCong/qianmuyun-ruoyi

[vieyahn2017]

https://gitee.com/wuli-admin/react-visual-data 基于 reactjs 开发的可视化大屏设计器项目https://wuli-admin.gitee.io/react-visual-data/#/dashboard 这个是搜到的参考项目，npm i卡住，不知道咋样

[vieyahn2017]

https://github.com/Nealyang/React-Express-Blog-Demo React技术栈+Express+Mongodb实现个人博客

[vieyahn2017]

https://github.com/ipenywis/react-nestjs-full-web-app Full Web App React Nodejs w/ GraphQL Tailwind and Docker From Zero To Deployment

[vieyahn2017]

https://github.com/transitive-bullshit/nextjs-notion-starter-kit This repo is what I use to power my personal blog and portfolio site transitivebullsh.it. It uses Notion as a CMS, react-notion-x, Next.js, and Vercel.

https://github.com/NotionX/react-notion-x Fast and accurate React renderer for Notion. TS batteries included.

[vieyahn2017]

感觉直接用react搜的项目都太大，不接地气

[vieyahn2017]

https://github.com/chenglou/react-motion A spring that solves your animation problems.

[vieyahn2017]

https://github.com/ozanturhan/webrtc-nestjs-react-example

[vieyahn2017]

https://github.com/bs32g1038/node-blog A react blog project base on nodejs, nestjs, mongoose, typescript, react, ant-design,nextjs

[vieyahn2017]

https://github.com/fantasticit/ramiko next.js + nest.js 构建页面可视化编辑器 -- Ramiko https://juejin.cn/post/6844904200753643533

[vieyahn2017]

https://blog.csdn.net/williamhjr/article/details/129766979 Notion搭建个人博客教程, 以及为什么选用notion

[vieyahn2017]

https://github.com/AmruthPillai/Reactive-Resume

[vieyahn2017]

https://gitee.com/dang050/react-visual-editor?_from=gitee_search 组件拖拽布局，比较炫酷

基于React组件之间原始约束设计，还原真实开发中组件编码过程，所见即所得。

import { createElement } from 'react';
import { BrickDesign, BrickTree, BrickProvider, useSelector, createActions,PROPS_TYPES } from '@brickd/react';
import { BrickPreview } from '@brickd/react-web';
import BrickRender from '@brickd/render';
import * as Ants from 'antd/es';
const divSchema = {
   propsConfig:{
      children:{
         label: '文本内容',
         type: PROPS_TYPES.string,
      },
      ...
   }
}
const componentSchemasMap = {
    'div':divSchema,
     ...
}

const config = {
   componentsMap:Ants,
   componentSchemasMap
}
const plugins = [(vDom, componentSchema) => vDom];
const customReducer = (state, action) => {
  const { type, payload } = action
  switch (type) {
    case 'customReducer':
      return { ...state }
    default:
      return state
  }
}
const App = () => {
  const { pageConfig } = useSelector(['pageConfig'])

  return (<BrickProvider initState={{...}} customReducer={customReducer} config={config} warn={(msg) =>console.warning(msg)}
  >
    <div onClick={() => createActions({ type: "customReducer", payload: { ... } })}> 出发action</div>
    <BrickPreview />
    <BrickDesign />
    <BrickRender pageConfig={pageConfig} createElement={createElement} plugins={plugins} />
    <BrickTree />
  </BrickProvider>);
}

[vieyahn2017]

https://github.com/FlowiseAI/Flowise

Drag & drop UI to build your customized LLM flow

flowiseai.com