lynnaloo / mullet

Mullet Stack: Facebook in the front. Walmart in the back. (React, Hapijs, Node)

The Mullet Stack

Facebook in the front. Walmart in the back.

All sitting on top of Node.js.

Get the Party Started

Install Node.js

Setup the Mullet stack for development:

git clone https://github.com/lynnaloo/mullet
cd mullet
npm install
npm run build

Start the Mullet Server:

npm start

Watch the client folders for changes during development:

npm watch
```

#### OR

### Install the Mullet module:

```
npm add mullet
```

Start the Mullet Server:

```
npm start mullet
```

## Party On!

Point your browser to `http://localhost:8000` to see the sample page!

## But Seriously

This setup is a decent starting place to play around with Node, Hapi, and React.

To get started, edit the sample React component: `src/components/Facebook.js`

## FAQ

### But what about server-side rendering?

I didn't want to pull this into the core, but you should definitely checkout [this approach](https://github.com/leftieFriele/mullet/tree/serverside) by [@leftieFriele](http://www.github.com/leftieFriele).

### What if I want to add Redux, Mobx, Gulp, Grunt, Mocha, etc. ?

Put in an [issue](https://github.com/lynnaloo/mullet/issues) and we'll discuss it! I decided not to include many 3rd party modules in the core project unless I felt like it was something that was recommended by React or HapiJS and didn't add too much to the complexity. No matter what I think, you should [fork this] and make your own version with everything you want to add!

### Are you using this in production?

Noooooo. This is a good starter kit and learning tool.

## Contributors

Mullet Stack was created on a Thursday night by [Linda Nichols](http://www.github.com/lynnaloo). Name inspiration by [Ryan Brunsvold](http://www.github.com/brunsvold) who probably wishes to not be credited on something called "The Mullet Stack."

Mullet Cat Logo design by [Lookmai Rattana](http://www.github.com/cosmicmeow).

[Weyland](http://www.github.com/weyj4) moved us on up from Gulp/Browserify to Webpack.

Special thanks to all of the people that have taken their time to submit [pull requests](https://github.com/lynnaloo/mullet/graphs/contributors) to make this project better!

## Contact

Twitter: [@lynnaloo](http://www.twitter.com/lynnaloo)

mullet's Issues

Upgrade to latest version of React (including necessary refactoring)

• Fix deprecation warnings in React 15 and refactoring necessary to prepare for 16.

Add Jest snapshots

Are you asking if this repository is abandoned?

No, because I read the README.md.

Have you searched the existing issues to see if your problem has already been addressed?

Yes.

Is this a bug or a feature request?

It's more of a feature/request

Are you using Mullet in production?

No, because that would be ridiculous.

I saw the power of Jest snapshots at ReactConf and it would be awesome to add that to this project.

Needs a package.json to npm start

After installation and "npm start", the following error happens:

npm ERR! ENOENT, open '/Users/scott/www/package.json'

Update React to the Latest Version (including only necessary refactoring)

Feature request to update dependencies.

Version 10 of node.js has been released

Version 10 of Node.js (code name Dubnium) has been released! 🎊

To see what happens to your code in Node.js 10, Greenkeeper has created a branch with the following changes:

• Added the new Node.js version to your .travis.yml
• The engines config in 1 of your package.json files was updated to the new Node.js version

If you’re interested in upgrading this repo to Node.js 10, you can open a PR with these changes. Please note that this issue is just intended as a friendly reminder and the PR as a possible starting point for getting your code running on Node.js 10.

More information on this issue

Greenkeeper has checked the engines key in any package.json file, the .nvmrc file, and the .travis.yml file, if present.

• engines was only updated if it defined a single version, not a range.
• .nvmrc was updated to Node.js 10
• .travis.yml was only changed if there was a root-level node_js that didn’t already include Node.js 10, such as node or lts/*. In this case, the new version was appended to the list. We didn’t touch job or matrix configurations because these tend to be quite specific and complex, and it’s difficult to infer what the intentions were.

For many simpler .travis.yml configurations, this PR should suffice as-is, but depending on what you’re doing it may require additional work or may not be applicable at all. We’re also aware that you may have good reasons to not update to Node.js 10, which is why this was sent as an issue and not a pull request. Feel free to delete it without comment, I’m a humble robot and won’t feel rejected 🤖

---

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Add React-router

More Facebook on the front-end.

Add Mullet Logo

An in-range update of eslint-plugin-react is breaking the build 🚨

The devDependency eslint-plugin-react was updated from 7.11.1 to 7.12.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

eslint-plugin-react is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

---

Release Notes for v7.12.0

Added

• no-typos: Support createClass (#1828, @alexzherdev)
• Support detecting React.forwardRef/React.memo (#2089, @jomasti)
• jsx-indent: add checkAttributes option for JSX attribute indentation (#2086, @jomasti)
• Change allowed propWrapperFunctions setting values (#2065, @jomasti)
• add jsx-fragments rule to enforce fragment syntax (#1994, @alexzherdev)
• Support "detect" option for React version setting (#1978, @alexzherdev)
• Support shorthand fragment syntax in many rules (#1956, @alexzherdev)
• jsx-no-literals: print node value in warning message (#2008, @jlgonzalezdev)

Fixed

• jsx-max-depth: Fix depth of JSX siblings in a JSXEpressionContainer (#1824, @alexzherdev)
• no-array-index-key: fix in React.Children methods (#2085, @himynameisdave)
• no-unused-state: handle functional setState (#2084, @jomasti)
• version errors should log to stderr, not stdout (#2082, @ljharb)
• no-deprecated: Disable legacy lifecycle methods linting for now (#2069, @sergei-startsev)
• ensure that react and flow versions can be numbers (#2056, @ljharb)
• forbid-foreign-prop-types: ensure allowInPropTypes option applies to class fields (#2040, @Sheile)
• jsx-wrap-multilines: catch single missing newlines (#1984, @MrHen)
• jsx-first-prop-new-line: Fix for parsers (like TypeScript) (#2026, @HauptmannEck)
• [jsx-sort-comp][]: Fix fixer in case of more than 10 props (#2012, @tihonove)
• no-unused-state Don't depend on state parameter name ([#1829][], @alexzherdev)
• no-this-in-sfc fix for class properties (#1995, @sergei-startsev)
• no-this-in-sfc fix rule behavior for arrow functions inside a class field (#1989, @sergei-startsev)
• destructuring-assignment: handle nested props usage (#1983, @alexzherdev)
• sort-prop-types: fix string property order (#1977, @metreniuk)
• jsx-no-target-blank: don’t crash when there’s no value (#1949, @ljharb)
• prop-types, no-unused-prop-types: better handle object spread (#1939, @alexzherdev)

Changed

• jsx-fragments: improve message text (#2032, @alexzherdev)
• no-unsafe: handle all unsafe life-cycle methods (#2075, @sergei-startsev)
• require-default-props: Change error message naming from singular defaultProp to plural defaultProps (#2064, @jseminck)
• [Refactor] Extract used propTypes detection (#1946, @alexzherdev)
• [Refactor] Extract defaultProps detection (#1942, @alexzherdev)
• [Refactor] Extract required propTypes detection (#2001, @alexzherdev)
• [Docs] no-did-mount-set-state, no-did-update-set-state, no-will-update-set-state: fix docs URLs (#2090, @JBallin)
• [Docs] Remove statement on GC in jsx-no-bind (#2067, @rickhanlonii)
• [Docs] jsx-sort-props: Fix small mistake (#2044, @dimitarnestorov)
• [Docs] no-unescaped-entities: add more escape examples (#2015, @stevemao)
• [Docs] display-name: mention default ignoreTranspilerName value (#2002, @OliverJAsh)
• [Docs] jsx-no-target-blank: Add full example (#1988, @atomcorp)
• [Docs] Update jsx-no-target-blank.md (#1953, @brunocoelho)
• [Changelog] fix "Ignore class properties" contributor (#1941, @alexzherdev)
• [Tests] Remove redundant require('babel-eslint') from tests (#2004, @sergei-startsev)
• [Tests] prop-types: Add tests for prop-types destructuring (#2029, @sstern6)
• [Tests] display-name: add false positive component detection for destructured createElement (#1098, @arian)

Commits

The new version differs by 127 commits.

• a83d65c Update CHANGELOG and bump version
• 0c6160e [Dev Deps] update coveralls, babel-eslint, typescript
• cd6c8e6 [Deps] update resolve
• d2b5b73 Merge pull request #1828 from alexzherdev/1721-no-typos-create-class
• e747459 [Tests] remove node 5/7/9, add node 11
• b33ae84 Merge pull request #1098 from arian/createElement-display-test
• 84be80a Merge pull request #1824 from alexzherdev/1762-jsx-max-depth-false-positive
• a442067 Merge pull request #2029 from sstern6/issue1422
• 7d07c37 Merge pull request #2032 from alexzherdev/jsx-fragments-message
• 8c6a8e2 Merge pull request #2089 from jomasti/feature/support-react-forwardref-memo
• 14451d4 Merge pull request #2085 from himynameisdave/issues/2083
• 8be52c7 📝 Addresses CR comments
• f7e3121 Merge branch 'master' of https://github.com/yannickcr/eslint-plugin-react into issues/2083
• 77e3fd0 Merge pull request #2090 from JBallin/no-method-set-state-docs-url
• 7da9e0d Fix noMethodSetState docsUrl's

There are 127 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Add yarn install instructions into docs

Are you asking if this repository is abandoned?

No, because I wouldn't want to hurt your feelings like that.

Have you searched the existing issues to see if your problem has already been addressed?

Yes.

Is this a bug or a feature request?

Feature.

Are you using Mullet in production?

No, because that would be ridiculous.

So ... What do you need?

Add Hapi/React support for Node v4.2

• Update React to 0.14.*
• Update Hapi to 11.1.*

Change to use browserify and CommonJS

The React.js setup is similiar to the React tutorial, but this could be upgraded to instead use the CommonJS module instead.

An in-range update of bootstrap is breaking the build 🚨

The dependency bootstrap was updated from 4.1.3 to 4.2.1.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

bootstrap is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

---

Release Notes for v4.2.1

Bump to v4.2.1 to republish package on npm. See v4.2.0 release notes for changes introduced in v4.2.

Commits

The new version differs by 424 commits.

• 9e4e947 Bump to v4.2.1 (#27892)
• d50ed9a Update README.md
• 680f40c Add 4.1 to previous releases
• c5bd6a1 Update webpack.md
• 140abf4 Remove unneeded redirects.
• 1bded2f Update docs-navbar.html
• eda851e Prep for v4.2.0 release
• 2c0cd7d Remove dead link entry for translations. (#27891)
• 12c4d3c README.md: Add Open Collective (#27864)
• 1960a52 List v3.4.0 in versions page. (#27860)
• 07b4b59 Revert "Remove now unnecessary shrink-to-fit viewport directive (#27818)" (#27855)
• 8ee2065 Update grid doc for consistent use of container. (#27776)
• dac464a Use theme-color function for colors (#27848)
• ee72e78 dist
• ffd3402 Link to v3.4 docs (#27842)

There are 250 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

An in-range update of prop-types is breaking the build 🚨

The dependency prop-types was updated from 15.6.2 to 15.7.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

prop-types is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

---

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Add Prettier

Are you asking if this repository is abandoned?

No, because I'm the maintainer and I'm doing stuff.

Have you searched the existing issues to see if your problem has already been addressed?

Yes.

Is this a bug or a feature request?

Feature. If Prettier is good enough for Facebook, then it's good enough for us.

Are you using Mullet in production?

Newp.

More grunt commands

see only grunt-browersify is the only command.

any opinions about adding any of the options

• concat/uglify
• sass compilation
• connect server
• watch files

An in-range update of react-scripts is breaking the build 🚨

The dependency react-scripts was updated from 2.1.1 to 2.1.2.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

react-scripts is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

---

Release Notes for v2.1.2

2.1.2 (December 23, 2018)

v2.1.2 is a maintenance release including various bug fixes.

🚀 New Feature

• babel-preset-react-app
  • #5487 Add allowESModules option to babel-preset-react-app (@Pajn)

🐛 Bug Fix

• create-react-app
  • #5905 Disable copy to clipboard in create-react-app --info (@heyimalex)
  • #5685 Update envinfo to 5.11.1 (@tabrindle)
• babel-preset-react-app
  • #5783 Fix TypeScript decorator support (@ianschmitz)
• babel-plugin-named-asset-import
  • #5573 Fix named-asset-import plugin to work with export-as syntax (@NShahri)
• react-app-polyfill
  • #5789 Don't polyfill fetch for Node (@gshilin)
• react-scripts
  • #5721 Version bump postcss-preset-env to latest (@BPScott)
  • #5701 Fix tsconfig.json lib suggested value (@ianschmitz)

💅 Enhancement

• react-scripts
  • #5698 Add support for setupTests.ts (@ianschmitz)

📝 Documentation

• Other
  • #6009 Correct markdown to avoid comment. (@souzasmatheus)
  • #6015 Add example command to create typed project. (@mbelsky)
  • #6000 Make links to docs consistent in README. (@iansu)
  • #5900 Add production build section to docs. (@ianschmitz)
  • #5985 Use https for linked images to fix mixed content warnings. (@iansu)
  • #5919 Docs: update localStorage mock in “Running Tests”. (@phacks)
  • #5917 Add SASS_PATH instructions to Sass stylesheet docs. (@jayantbh)
  • #5823 Add default values to file_ext note. (@alaycock)
  • #5907 Update README.md with updated link about PWAs. (@wuweiweiwu)
  • #5858 Some Grammar fixes. (@nikhilknoldus)
  • #5883 Fix link to page about running tests. (@wsmoak)
  • #5849 React native repository updated in README.md. (@pavinthan)
  • #5806 Rename 'getting started' link to 'docs'. (@kulek1)
  • #5788 docs: Simplify installing Storybook with npx (@sagirk)
  • #5779 docs: Change story book command to sb init (@andys8)
  • #5759 Add PR welcoming badge (@open-source-explorer)
  • #5730 Suggest Encore when not building a SPA with Symfony (@dunglas)
  • #5710 Updated the link to firebase hosting (@githubsaturn)
  • #5704 Fixed link to manifest.json file (@m4jing)
  • #5670 Fix public folder documentation link (@makovkastar)
• eslint-config-react-app
  • #5990 Updated docs for .eslintrc (@ManoelLobo)
• babel-preset-react-app, create-react-app, eslint-config-react-app, react-dev-utils, react-scripts
  • #5912 Update links to docs in all package README files (@iansu)
• react-scripts
  • #5974 Improve advice in verifyPackageTree.js (@sjalgeo)
  • #5954 Add pre-eject message about new features in v2 (@iansu)
  • #5808 Add placeholders to template README for bit.ly links (@iansu)
• react-app-polyfill
  • #5814 Note that extra polyfills must be included manually (@ajwann)
• babel-preset-react-app, eslint-config-react-app, react-error-overlay, react-scripts
  • #5727 Fix typo (@noelyoo)

🏠 Internal

• react-scripts
  • #5978 Add webp support for TypeScript. (@dugagjin)
  • #5959 Suggest a different default for speed reasons. (@Timer)
  • #5839 Run prettier on HTML files. (@sibiraj-s)
  • #5722 Merge webpack configuration. (@Timer)
  • #5694 Add permissive TS lib defaults. (@Timer)
• Other
  • #5988 Added extension to .eslintrc (@ManoelLobo)
  • #5546 Add the latest stable node version. (@noelyoo)
• react-dev-utils
  • #5927 Correct some comments. (@mjackson)
  • #5879 fix: make typescriptformatter support 0.5 of fork checker. (@SimenB)
• react-error-overlay
  • #5451 fix: add sideEffects: false to react-error-overlay. (@SimenB)
• babel-preset-react-app
  • #5487 Add allowESModules option to babel-preset-react-app. (@Pajn)
• create-react-app
  • #4605 ignore intellij module files when generating an app. (@denofevil)

Committers: 36

• <Explorer /> (open-source-explorer)
• Adam Laycock (alaycock)
• Adam Wanninger (ajwann)
• Alex Guerra (heyimalex)
• Andy (andys8)
• Ben Scott (BPScott)
• Dennis Ushakov (denofevil)
• Dugagjin Lashi (dugagjin)
• Gregory Shilin (gshilin)
• Ian Schmitz (ianschmitz)
• Ian Sutherland (iansu)
• Jayant Bhawal (jayantbh)
• Jing Ma (m4jing)
• Joe Haddad (Timer)
• Kasra Bigdeli (githubsaturn)
• Kévin Dunglas (dunglas)
• Manoel (ManoelLobo)
• Matheus Souza (souzasmatheus)
• Max Belsky (mbelsky)
• Michael Jackson (mjackson)
• Nicolas Goutay (phacks)
• Nikhil (nikhilknoldus)
• Nima Shahri (NShahri)
• Noel Yoo (noelyoo)
• Oleksandr Melnykov (makovkastar)
• Pavinthan (pavinthan)
• Rasmus Eneman (Pajn)
• Sagir Khan (sagirk)
• Sibiraj (sibiraj-s)
• Simen Bekkhus (SimenB)
• Stephen Algeo (sjalgeo)
• Trevor Brindle (tabrindle)
• Wei-Wei Wu (wuweiweiwu)
• Wendy Smoak (wsmoak)
• kulek1
• swyx (sw-yx)

Migrating from 2.1.1 to 2.1.2

Inside any created project that has not been ejected, run:

npm install --save --save-exact [email protected]

or

yarn add --exact [email protected]

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Yo generator

Hi! This mullet stack is awesome! I enjoyed so much!

But I have one question, are you intend to build a yeoman generator to create a scaffold using this stack?

thanks!

Inline css examples

Add some examples of inline css in the Mullet components

cc: @yejodido

Update Bootstrap to avoid security issues

Upgrade bootstrap to version 4.1.2 or later

Get Rid of jquery

I think this was needed by Bootstrap but not anymore.

Add eslint

Since this is preferred by the React team, it adds more Facebook in the front :)

Change eslint to something mainstream

Add Jest Unit Tests

More Facebook in the front:

Need some better tests, written in Jest.

bower json says xtuple

https://github.com/lynnaloo/mullet/search?utf8=%E2%9C%93&q=xtuple

An in-range update of prettier is breaking the build 🚨

The devDependency prettier was updated from 1.14.2 to 1.14.3.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

prettier is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

---

Release Notes for 1.14.3

🔗 Changelog

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Styled-components?

Are you asking if this repository is abandoned?

No, because I read the README.md.

Have you searched the existing issues to see if your problem has already been addressed?

Yes.

Is this a bug or a feature request?

Feature maybe?

Are you using Mullet in production?

No, because that would be ridiculous.

I'm not sure how far you want to bring this project because I know it's a starter but styled-components look really awesome 👍 😄 🐱

Remove Bower

There's no real need for Bower here. Move the two client-side libraries to npm.

Move from Grunt to ?

Can better deal with source maps/debugging with Gulp.

An in-range update of enzyme is breaking the build 🚨

There have been updates to the enzyme monorepo:

• • The devDependency enzyme-adapter-react-16 was updated from 1.7.0 to 1.7.1.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

This monorepo update includes releases of one or more dependencies which all belong to the enzyme group definition.

enzyme is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

---

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Update dependencies

• Update some of the outdated dependencies
• Update Hapi, but don't require Node 4

Handling 404s

Currently it just uses the Hapi default, any ideas how to use something else. I'm trying to figure out how to have React handle 404's and you've most popular Hapi/React combo repo I've stumbled across!

An in-range update of react is breaking the build 🚨

There have been updates to the react monorepo:

• • The dependency react was updated from 16.6.1 to 16.6.2.

• The dependency react-dom was updated from 16.6.1 to 16.6.2.
• The devDependency react-test-renderer was updated from 16.6.1 to 16.6.2.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

This monorepo update includes releases of one or more dependencies which all belong to the react group definition.

react is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

---

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Add Moonboots

https://github.com/HenrikJoreteg/moonboots

Replace browserify with Webpack

An in-range update of enzyme is breaking the build 🚨

There have been updates to the enzyme monorepo:

• • The devDependency enzyme was updated from 3.7.0 to 3.8.0.

• The devDependency enzyme-adapter-react-16 was updated from 1.7.0 to 1.7.1.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

This monorepo update includes releases of one or more dependencies which all belong to the enzyme group definition.

enzyme is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

---

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Errors when running `grunt watch`

Running "jshint:all" (jshint) task

src/react_components/main.jsx
10 | Facebook(null),
^ Missing 'new' prefix when invoking a constructor.

1 error in 2 files
Warning: Task "jshint:all" failed. Use --force to continue.

Aborted due to warnings.

Render react on server

One of the really awesome things that react support is server rendered content, making time to glass much shorter. It also leverages basic search engine support.
It would be great with a good example on preloading, with data, and hooking the app up when Javascript libs are loaded on the client.

Upgrade Webpack to latest version

Upgrade Webpack to latest version (fix Greenkeeper branch greenkeeper/webpack-4.22.0)