How to create a Node and React Monorepo with Git Submodules

• monorepo-example

  1 50 0.0 TypeScript

  Example of a simple Node Server and React app monorepo using git submodules (by alexeagleson)

This is also a good time to commit your new project to your repository. I'll be doing that now as well, you can see the final version here.

• React

  1,691 221,535 9.8 JavaScript

  The library for web and native user interfaces.

  

import React from "react"; import logo from "./logo.svg"; import "./App.css"; import _ from "lodash"; import { QueryPayload } from "simple-express-server/server"; function App() { return (



Edit src/App.tsxcode> and save to reload. p> {_.toUpper("Learn React")} a> { fetch("http://localhost:3001/", {}) .then((response) => response.json()) .then((data: QueryPayload) => console.log(data.payload)); }} > GET SOME DATA button> header> div> ); } export default App;

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• lodash

  187 58,868 5.1 JavaScript

  A modern JavaScript utility library delivering modularity, performance, & extras.

  

Let's say that there's a utility library that we want to use in both our React app and on our Express server. For simplicity let's choose lodash which many people are familiar with.

• lerna

  162 35,352 8.9 TypeScript

  :dragon: Lerna is a fast, modern build system for managing and publishing multiple JavaScript/TypeScript packages from the same repository.

  

Lerna: For running scripts across multiple projects and adding new dependencies. Lerna is also built to manage publishing your packages (though we will not be doing that as part of this tutorial)

Suggest a related project