All Projects → simplefeel → React Node Learn

simplefeel / React Node Learn

一个脚手架项目,node+express+react快速搭建大前端项目,实现前后端分离

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to React Node Learn

Simple Universal React Redux
The simplest possible Async Universal React & Redux Boilerplate app, that works on both Mac and Windows
Stars: ✭ 58 (+13.73%)
Mutual labels:  express, nodemon, react-router-v4
React Antd Admin
后台前端管理系统,基于react、typescript、antd、dva及一些特别优秀的开源库实现
Stars: ✭ 117 (+129.41%)
Mutual labels:  express, nodemon, react-router-v4
Push Starter
React Redux Starter with SSR 🤖
Stars: ✭ 43 (-15.69%)
Mutual labels:  express, react-router-v4
Typescript Mern Starter
Build a real fullstack app (backend+website+mobile) in 100% Typescript
Stars: ✭ 154 (+201.96%)
Mutual labels:  express, react-router-v4
Nodetyped
Node.js Express Startup Seed with ES6, Typescript, SCSS, EJS, Nodemon, Bootstrap 4, TSLint, TypeDoc
Stars: ✭ 69 (+35.29%)
Mutual labels:  express, nodemon
Nodejs Shopping Cart
NodeJS Shopping Cart - NodeJS, Express, Express-Session, Express handlebars (hbs)
Stars: ✭ 144 (+182.35%)
Mutual labels:  express, nodemon
Docker Compose Nodejs Examples
Finally some real world examples on getting started with Docker Compose and Nodejs
Stars: ✭ 944 (+1750.98%)
Mutual labels:  express, nodemon
Mern Passport
A boilerplate example of using passport.js for authenticating a MERN application
Stars: ✭ 214 (+319.61%)
Mutual labels:  express, react-router-v4
React Wp Rest
A boilerplate for pairing the WP Rest API with a server-rendered React app
Stars: ✭ 167 (+227.45%)
Mutual labels:  express, react-router-v4
Express Starter
🚚 A boilerplate for Node.js, Express, Mongoose, Heroku, Atlas, Nodemon, PM2, and Babel. REST / GraphQL API Server | PaaS | SaaS | CI/CD | Jest | Supertest | Docker | MongoDB | PostgreSQL | Sequelize | Lodash | RxJS | JWT | Passport | WebSocket | Redis | CircleCI | Apollo | DevSecOps | Microservices | Backend Starter Kit | ES6
Stars: ✭ 353 (+592.16%)
Mutual labels:  express, nodemon
Hellobooks
A Single-Page Library Management App built with nodejs, express and react and redux
Stars: ✭ 37 (-27.45%)
Mutual labels:  express, react-router-v4
Express Mvc Boilerplate
A simple mvc boilerplate for express.js (gulp + expressjs + nodemon + browser-sync)
Stars: ✭ 46 (-9.8%)
Mutual labels:  express
Gitwar
🚀 Gitwar - Compete with Github
Stars: ✭ 44 (-13.73%)
Mutual labels:  express
Aclify
🔒 Node Access Control Lists (ACL).
Stars: ✭ 49 (-3.92%)
Mutual labels:  express
Graphql Apq
🎯 Automatic persisted queries (APQ) for any GraphQL server.
Stars: ✭ 43 (-15.69%)
Mutual labels:  express
Express Bookshelf Realworld Example App
🐳 An Express and Bookshelf based backend implementation of the RealWorld API Spec.
Stars: ✭ 45 (-11.76%)
Mutual labels:  express
Vue Express Webpack Gulp
使用Vue,Express,Webpack,gulp搭建的自动化电影库项目
Stars: ✭ 42 (-17.65%)
Mutual labels:  express
Mean Angular4 Chat App
MEAN stack with Angular 4 Chat App
Stars: ✭ 41 (-19.61%)
Mutual labels:  express
Generator Expressjs Rest
Project template for an ExpressJS application
Stars: ✭ 41 (-19.61%)
Mutual labels:  express
Meme Studio
📌 A complete and fast website building in React/Express for creating and sharing "internet memes"
Stars: ✭ 51 (+0%)
Mutual labels:  express

React-Node

概览

这是一个脚手架项目,前端使用 react 渲染,后端由 node.js 提供服务,主要有以下特点:

  • 前端 react+react-router+webpack
  • 后端由 node.js+express 提供服务
  • 开发环境和生产环境分离,不同配置,有效降低包的大小,提高访问性能
  • 前端开发热加载,实时更新页面
  • 通过 nodemon,后端服务实时更新

项目目标

1.快速搭建 node+react 项目,不管是个人练习 react 项目或者是练习 node.js,都能快速搭建开发环境
2.学会初步使用 node.js 作为中间层,从而实现真正意义上的前后端分离。

使用

1.下载或者 clone 本项目

2.安装依赖:

$ npm install

3.启动服务:

$ npm run dev

开启后,打开 localhost:9000 即可调试 react 项目

或者

启动项目:

$ npm run start

开启后,打开 localhost:9000,调整 node 服务

源码都有使用注释,欢迎讨论学习

Demo

node 爬虫实例,前端 react 渲染

node.js 系列教程

以下系列转载自:众城翻译、segmentfault
原文:risingstack 出品的 Node-Hero 系列

1 开始使用 node.js 2 使用 NPM 3 理解异步编程 4 第一个 Node.js HTTP 服务器 5 Node.js 数据库教程 6 Node.js Request 模块 7 Node.js 项目结构 8 使用 Passport.js 进行 Node.js 身份验证 9 Node.js 单元测试

以下 4 篇文章,网络未找到译文,原文同样出自 risingstack:

10 调试 node.js 应用 11 node.js 安全策略 12 如何部署 node.js 应用
13 如何监控 node.js 应用

相关学习链接

结语

不管是 react,或者是 node.js 都需要自己亲自去编写代码,才能充分学会理解这些技术,本人接触 node.js 也不久,跟着撸过一些代码之后,才尝试搭建了这样一个前端 react,后端 node 的项目,本人之前看到的大多是 node+express+ejs 等的项目,使用 node+express+react 来渲染的现成项目较少,因而才搭建了这样一个脚手架开发工具,有不足之处还望理解见谅,可以相互讨论,一起进步!

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].