Skip to content

Creating a monorepo project with React and Express.JS using Yarn Workspaces

License

Notifications You must be signed in to change notification settings

Spookfish-ai/example-monorepo

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Example monorepo project

Creating a monorepo project with React and Express.JS using Yarn Workspaces. This is the source code of a blog post I am writing about this topic.

Read the article: {TODO: Add link to the article}

Project structure

We have 2 packages inside the project:

  • Client: React.JS application.
  • Server: Express.JS application.

Each of the packages have their own package.json file, so they define their dependencies as well as they have fully autonomy to publish a new version of the package into NPM or Yarn registry.

|- package.json => root workspace (private package used by yarn workspaces)
|--- packages
|------ client
|-------- package.json  => Express.JS project
|------ server
|-------- package.json => React APP

How to install and execute

Important! The node version for the project is 10. Make sure you have that version installed in your computer. If you have NVM installed, run nvm use 10. If not, install it here: https://github.com/creationix/nvm#install-script

  1. Clone this repository locally $ git clone https://github.com/ferreiro/example-monorepo.git
  2. Install the dependencies. Inside the root $ yarn install
  3. Start both applications. $ yarn start

About

Creating a monorepo project with React and Express.JS using Yarn Workspaces

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 76.9%
  • HTML 15.2%
  • CSS 7.9%