All Projects → wintercounter → Mhy

wintercounter / Mhy

Licence: mit
🧩 A zero-config, out-of-the-box, multi-purpose toolbox and development environment

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Mhy

Express React Boilerplate
🚀🚀🚀 This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
Stars: ✭ 32 (-75%)
Mutual labels:  webpack, babel, jest, storybook
Angular Builders
Angular build facade extensions (Jest and custom webpack configuration)
Stars: ✭ 843 (+558.59%)
Mutual labels:  webpack, build, jest
Create Elm App
🍃 Create Elm apps with zero configuration
Stars: ✭ 1,650 (+1189.06%)
Mutual labels:  webpack, zero-configuration, cli
React Boilerplate
Production-ready boilerplate for building universal web apps with React and Redux
Stars: ✭ 53 (-58.59%)
Mutual labels:  webpack, babel, jest
Backpack
🎒 Backpack is a minimalistic build system for Node.js projects.
Stars: ✭ 4,466 (+3389.06%)
Mutual labels:  webpack, build, babel
React Typescript Web Extension Starter
🖥 A Web Extension starter kit built with React, TypeScript, SCSS, Storybook, Jest, EsLint, Prettier, Webpack and Bootstrap. Supports Google Chrome + Mozilla Firefox + Brave Browser 🔥
Stars: ✭ 510 (+298.44%)
Mutual labels:  webpack, jest, storybook
Js Toolbox
CLI tool to simplify the development of JavaScript apps/libraries with little to no configuration. (WORK IN PROGRESS/PACKAGE NOT PUBLISHED).
Stars: ✭ 53 (-58.59%)
Mutual labels:  webpack, babel, jest
Electron React Boilerplate
A Foundation for Scalable Cross-Platform Apps
Stars: ✭ 18,727 (+14530.47%)
Mutual labels:  webpack, babel, jest
Ifme
Free, open source mental health communication web app to share experiences with loved ones
Stars: ✭ 1,147 (+796.09%)
Mutual labels:  webpack, jest, storybook
Mostly
They mostly come at night; mostly.
Stars: ✭ 78 (-39.06%)
Mutual labels:  webpack, babel, jest
React Boilerplate
This project is deprecated. Please use CRA instead.
Stars: ✭ 88 (-31.25%)
Mutual labels:  webpack, babel, jest
Ts Monorepo
Template for setting up a TypeScript monorepo
Stars: ✭ 459 (+258.59%)
Mutual labels:  webpack, babel, jest
Pwa
An opinionated progressive web app boilerplate
Stars: ✭ 353 (+175.78%)
Mutual labels:  webpack, babel, jest
Serverless Typescript Starter
🗄🙅‍♀️ Deploy your next serverless JavaScript function in seconds
Stars: ✭ 653 (+410.16%)
Mutual labels:  webpack, babel, jest
Gulp Scss Starter
Frontend development with pleasure. SCSS version
Stars: ✭ 339 (+164.84%)
Mutual labels:  webpack, babel, development-environment
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 (-19.53%)
Mutual labels:  webpack, babel, jest
medly-components
🧩 Medly components provides numerous themable react components, each with multiple varitaions of sizes, colors, position etc.
Stars: ✭ 66 (-48.44%)
Mutual labels:  babel, jest, storybook
React Bolt
⚡ The most simple & robust boilerplate for your React projects.
Stars: ✭ 298 (+132.81%)
Mutual labels:  webpack, babel, jest
Starter React Flux
Generate your React PWA project with TypeScript or JavaScript
Stars: ✭ 65 (-49.22%)
Mutual labels:  webpack, babel, jest
Simple React Calendar
A simple react based calendar component to be used for selecting dates and date ranges
Stars: ✭ 97 (-24.22%)
Mutual labels:  webpack, jest, storybook

mhy logo

Build Status Downloads code style: prettier Conventional Commits Version License

mhy

A zero-config, out-of-the-box, multi-purpose toolbox and development environment.

mhy.js.org


Summary

It's really hard to define what mhy (my) is, because it tries to create a unified developer experience for any stage of your project:

  • a pre-configured development environment to not waste time with the set-up when starting a new project or just need a quick playground.
  • a pre-configured production environment to help you reach production faster compiling/building your code without any necessary setup.
  • an ecosystem to be able to run different task together at once, connected together perfectly.
  • a toolbox help your work with the most common tasks.
  • a solution for littering your machine with the same npm package over and over again.
  • a config management tool to make necessary changes faster at a single place.
  • an interoperable environment to be shared across multiple projects and ensure they are being build on the same principles/stack.

mhy helps you to be able to focus on your code again rather then the tech behind it.

Using mhy you'll have

  • a zero-configuration environment out-of-the-box.
  • a portable codebase without any npm install.
  • simple customization if you don't favor the default settings.
  • package.json based customization for any configs value mhy provides.
  • boot templates for easy setup.
  • most common packages provided to your work.
  • a single command TUI to run a full ecosystem.
  • less boilerplate.
  • configs/tools well-playing together (webpack+babel, jest+babel, storybook+webpack, webpack+typescript, etc.).
  • pre-built and public Docker images for faster CI.

Note that mhy's focus is on client side currently, but server side features are about to come.

Setup

Install

npm install mhy -g

Start a new project

Creates an empty project with a single index.js file that is being served using webpack-dev-server (wds) pre-configured with Babel and React.

mkdir src
echo "console.log('Hello mhy!')" > src/index.js
mhy wds

Compile library

Create a production ready library. From the src folder it creates a complied dist folder.

mhy babel --mhy-env=prod

Build bundle

Create a production ready bundle for you website/app using pre-configured Webpack. From the src folder it creates a build folder with your bundle ready to be served supporting many popular features/loaders.

mhy webpack --mhy-env=prod

Start the default ecosystem

It'll run Jest, Webpack Dev Server, TypeScript compiler, Storybook at once in a single Terminal UI (TUI).

mhy

That's not all

These are only a few examples from all the possibilities mhy provides. Start exploring on https://mhy.js.org

Supported packages

mhy is providing many common/popular packages. There are continuous adjustments being made to the includes to match the most common needs and being able to develop without the need of your own npm install command ever again. It's in plan to accurately list these on the site, for now the best is to check the dependencies of our package.json for the included packages, and I also advice you to check out our sources for more details.

Contributors ✨


Andy1210

🐛 ⚠️

Pablo Henrique

📖

Eugen Guriev

💻

Fabian Lauer

💻

Thomas Winckell

💻 📖

Steven Mitts

📖

Zakhar

💻 📖

Andor Polgar

💻

Andrei Bunulu

💻

❤ Thank you all! ❤

Credits ❤

I'm using Webpack's logo to build an M shape from multiple blocks. I'd like to say Thank You for their great logo.

I also would like to thank to every developer's hard work which I'm using as a dependency in mhy. It would be really hard to collect all those people, but in case you find your work in our package.json, please feel free to create a pull request and add your logo and link.


wintercounter

while(!credits.length)
console.log('Example')


🌟 PLEASE STAR THIS REPO IF YOU FOUND SOMETHING INTERESTING! 🌟

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