All Projects โ†’ Hy-Vee โ†’ Lerna Yarn Workspaces Monorepo

Hy-Vee / Lerna Yarn Workspaces Monorepo

๐Ÿ‰ A Monorepo with multiple packages and a shared build, test, and release process.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Lerna Yarn Workspaces Monorepo

medly-components
๐Ÿงฉ Medly components provides numerous themable react components, each with multiple varitaions of sizes, colors, position etc.
Stars: โœญ 66 (-67.16%)
Mutual labels:  babel, styled-components, jest, lerna, storybook
Entria Fullstack
Monorepo Playground with GraphQL, React, React Native, Relay Modern, TypeScript and Jest
Stars: โœญ 434 (+115.92%)
Mutual labels:  lerna, babel, jest, monorepo
Ts Monorepo
Template for setting up a TypeScript monorepo
Stars: โœญ 459 (+128.36%)
Mutual labels:  lerna, babel, jest, monorepo
react-component-library-lerna
Build your own React component library managed with lerna, presented with storybook and published in private npm registry.
Stars: โœญ 55 (-72.64%)
Mutual labels:  styled-components, jest, monorepo, storybook
Arc
React starter kit based on Atomic Design
Stars: โœญ 2,780 (+1283.08%)
Mutual labels:  jest, styled-components, storybook
ng-mono-repo-starter
Angular Mono Repo Starter
Stars: โœญ 79 (-60.7%)
Mutual labels:  jest, lerna, monorepo
Mhy
๐Ÿงฉ A zero-config, out-of-the-box, multi-purpose toolbox and development environment
Stars: โœญ 128 (-36.32%)
Mutual labels:  babel, jest, storybook
React Bolt
โšก The most simple & robust boilerplate for your React projects.
Stars: โœญ 298 (+48.26%)
Mutual labels:  babel, jest, styled-components
personal-blog
โœ๏ธ ไธชไบบๆŠ€ๆœฏๅšๅฎข
Stars: โœญ 79 (-60.7%)
Mutual labels:  styled-components, jest, storybook
Modern Monorepo Boilerplate
Modern Monorepo Boilerplate with Lerna, TypeScript, React/CRA, HMR, Jest, ESLint/TypeScript.
Stars: โœญ 127 (-36.82%)
Mutual labels:  lerna, jest, monorepo
Express React Boilerplate
๐Ÿš€๐Ÿš€๐Ÿš€ This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
Stars: โœญ 32 (-84.08%)
Mutual labels:  babel, jest, storybook
Moveit
๐Ÿš€ NLW #4 | React+ TypeScript + NextJS + StyledComponents + Firebase + MongoDb +Axios
Stars: โœญ 39 (-80.6%)
Mutual labels:  jest, styled-components, storybook
react-ecommerce
E-commerce monorepo application using NextJs, React, React-native, Design-System and Graphql with Typescript
Stars: โœญ 136 (-32.34%)
Mutual labels:  lerna, monorepo, storybook
shared-react-components-example
An example of a mono-repository of shared React components libraries!
Stars: โœญ 85 (-57.71%)
Mutual labels:  lerna, monorepo, storybook
Sketchmine
Tools to validate, generate and analyse sketch files from web pages
Stars: โœญ 114 (-43.28%)
Mutual labels:  lerna, jest, monorepo
Opensource
Delivering delightful digital solutions. Open Source packages with combined ~85M/month downloads, semantically versioned following @conventional-commits. Fully powered by Jest, @Babel TypeScript, @Airbnb @ESLint + @Prettier, @YarnPKG + @Lerna independent versioning, GH @Actions & automated dep updates with @RenovateBot.
Stars: โœญ 459 (+128.36%)
Mutual labels:  babel, jest, monorepo
React Bootstrap Webpack Starter
ReactJS 16.4 + new React Context API +react Router 4 + webpack 4 + babel 7+ hot Reload + Bootstrap 4 + styled-components
Stars: โœญ 103 (-48.76%)
Mutual labels:  babel, jest, styled-components
2019 12
๐ŸŽŸ ๊ธ‰์ฆํ•˜๋Š” ํŠธ๋ž˜ํ”ฝ์—๋„ ์•ˆ์ •์ ์ธ ์˜ˆ์•ฝ ์„œ๋น„์Šค, Atomic Pattern์„ ์ ์šฉํ•œ ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์ปดํฌ๋„ŒํŠธ, ์‹ค์šฉ์ ์ธ Testing์„ ์ฃผ์ œ๋กœ ํ•˜๋Š” ์ด๋ฒคํŠธ ์„œ๋น„์Šค
Stars: โœญ 169 (-15.92%)
Mutual labels:  jest, styled-components, storybook
React Pages Boilerplate
Deliver react + react-router application to gh-pages
Stars: โœญ 134 (-33.33%)
Mutual labels:  babel, jest
Babel Plugin Polished
Compile polished helper functions at build time
Stars: โœญ 133 (-33.83%)
Mutual labels:  babel, styled-components

Monorepo with Lerna & Yarn Workspaces

A Monorepo with multiple packages and a shared build, test, and release process.

View example โžก๏ธ https://storybook-monorepo.now.sh/

image

  • ๐Ÿ‰ Lerna โ€Š- The Monorepo manager
  • ๐Ÿ“ฆ Yarn Workspacesโ€Š - โ€ŠSane multi-package management
  • ๐Ÿš€ Reactโ€Š - โ€ŠJavaScript library for user interfaces
  • ๐Ÿ’… styled-componentsโ€Š -โ€Š CSS in JS elegance
  • ๐Ÿ›  Babelโ€Š - โ€ŠCompiles next-gen JavaScript
  • ๐Ÿ“– Storybook - UI Component Environment
  • ๐Ÿƒ Jestโ€Š -โ€Š Unit/Snapshot Testing

Usage

  • yarn dev - This starts Storybook for viewing all the components locally.
  • yarn bootstrap - This installs all of the packages and links dependent packages together.
  • yarn build - This babelfies all of the packages and creates /lib folders for each one.
  • yarn test - Run all linting and unit tests before committing.
  • yarn test -o - Run only the tests that have changed.
  • yarn test -u - Update all of the snapshot tests.

Lerna

  • lerna changed - Show which packages have changed.
  • lerna diff - Show specifically what files have cause the packages to change.

Linking

When linking inside of the Monorepo, everything works as expected. If you are trying to consume packages from this Monorepo in a different application locally, using npm link or yarn link does not work as expected. However, we have a workaround for the time being.

  1. Run yarn build
  2. Run yarn dev
  3. Change the package.json of the consumer from $YOUR_PACKAGE_NAME (which lives inside the monorepo) to file:./../monorepo/packages/$YOUR_PACKAGE_NAME
  4. Run rm -rf node_modules && yarn in the consumer
  5. ๐ŸŽ‰

Contributing

All formatting and linting should be taken care of for you using stylelint, ESLint, and Prettier. You should also consider installing an extension for CSS syntax highlighting.

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