Node JS Starter - 全栈 React Material Kit

你好，程序员们，

最近，我非常注重样板和入门代码，以节省一项重要的资源：时间。在样板代码之前，你可能不会用到它们，这没关系。但就我而言，当我用Node.js启动一个新项目时，我会尽量避免编写产品底层的代码。这个阶段通常很枯燥，缺乏创意，而且相对耗时。

感谢阅读！ - 内容由App Generator提供。

本文介绍了一个Node JS Starter ，过去几个月我用它来加快了一些JavaScript产品的开发速度。以下是最终应用的外观和效果。

Node.js 入门

Node.js是一个 JavaScript 运行时环境，它包含在您喜欢的操作系统中执行用 JavaScript 编写的程序所需的一切。基本上，您可以在浏览器中执行的操作，通过使用Nodejs，您可以直接在操作系统中执行，并且像 Python 或 Ruby 一样执行操作。

什么是样板代码

在计算机编程中，样板代码是指必须包含在很多地方且几乎无需修改的代码片段。一次编写，即可反复使用。您可以在维基百科上阅读更多关于样板代码的内容。

材料套件反应

Material Kit React是一款免费的 Material-UI 套件，采用React编写，其全新设计灵感源自 Google 的 Material Design。请访问官方产品页面，了解更多关于Material Kit React 的信息。

Nodejs Starter采用解耦架构构建，其中 Material Kit React 前端通过安全的 ajax 调用与Nodejs / Express后端进行通信。

要使用和启动此启动器，必须遵循几个简单的步骤：

• 克隆、构建并启动Nodejs Starter后端
• 克隆、构建并启动Material Kit React前端
• 更新代码并在现有样板代码上添加您的魔法。

让我们来谈谈这个开胃菜的每一面

材料套件反应前端

为了拥有一个功能齐全的React前端，我在现有设计的基础上添加了处理身份验证和注册所需的代码。用户将输入经典email/password信息，如果后端服务中不存在帐户，则会创建帐户。

构建并启动前端

$ # clone the react Frontend 

$ git clone https://github.com/app-generator/material-kit-react.git
$ cd material-kit-react
$ yarn # to install the dependencies
$ yarn start 

如果一切顺利，前端应该可以在浏览器中通过以下地址看到localhost:8080。目前，前端应用还在空中，尚未连接到真正的后端。让我们来做点什么。

Node JS 后端

Nodejs Starter已经配备了一些基本模块和功能，以帮助您完成基本设置：

• Express 后端
• ORM Sequelize，基于 SQLite 数据库
• Passport，用于身份验证的 JWT

$ git clone https://github.com/app-generator/nodejs-starter.git
$ cd nodejs-starter
$ yarn
$ yarn start

我会根据大家的反馈和评论，更新本文的内容。有时，使用来自可靠来源的样板代码可以帮助你节省宝贵的时间，并加快开发速度。

其他 Nodejs Starters

• Nodejs Starter Hackathon
• Nodejs 入门 API 套件
• Nodejs Starter 无服务器

相关文章

• Nodejs Starter - 开源样板代码
• Nodejs Starter Javascript Boilerplates 快速启动
• Nodejs Starter - 全栈 Vue Argon 设计

谢谢！顺便说一下，我的昵称是Sm0ke，我在Twitter上也很活跃。