It took me forever to find where the default styling was coming from.

Description

The Yeoman tutorial is failing for react because it references the ^1.0.0 release in its package.json. If there were another release that incorporates the latest commits, up to b3f3e0b, it should fix the error.

Error Message & Stack Trace

error Unnecessarily quoted property 'edit' found

I prefer to use jsdom and enzyme for my test and mocha for running test instead of karma. Looking at the generated project it is not clear to me where among all the gulp configuration do I need to make changes to get it work. Can anyone can point me in the right direction?

https://github.com/FountainJS/generator-fountain-react/blob/master/generators/hello/templates/src/app/hello.spec.js

Line 40 in app/components/TodoTextInput.js. It doesn't want quotes around the 'edit' key name. Before removing the quotes, the app fails to load.

Description

The generated default todo project doesn't compile. Using latest yo (1.8.5) and generator-fountain (1.0.0-rc2). It looks, the generated module string is wrong.

Error Message & Stack Trace

Error when trying to run the default gulp task:

ERROR in ./src/index.tsx
(3,22): error TS2307: Cannot find module '~react-redux~redux'.

ERROR in ./src/app/containers/App.tsx
(2,25): error TS2307: Cannot find module '~react-redux~redux'.

ERROR in ./src/app/containers/App.tsx
(60,3): error TS2345: Argument of type 'typeof App' is not assignable to parameter of type 'ComponentClass<{ todos: any; } & { actions: { addTodo: (text: string) => { type: string; text: st...'.
  Type 'typeof App' is not assignable to type 'StatelessComponent<{ todos: any; } & { actions: { addTodo: (text: string) => { type: string; text...'.
    Type 'typeof App' provides no match for the signature '(props: { todos: any; } & { actions: { addTodo: (text: string) => { type: string; text: string; }; deleteTodo: (id: number) => { type: string; id: number; }; editTodo: (id: number, text: string) => { type: string; id: number; text: string; }; completeTodo: (id: number) => { type: string; id: number; }; completeAll: () => { type: string; }; clearCompleted: () => { type: string; }; }; } & { children?: ReactNode; }, context?: any): ReactElement<any>'

Config

Copy the content from .yo-rc.json:

{
  "generator-fountain-react": {
    "version": "1.0.0-rc2",
    "props": {
      "framework": "react",
      "modules": "webpack",
      "js": "typescript",
      "ci": [
        "travis"
      ],
      "css": "scss",
      "resolved": "/Users/zoltan/.nvm/versions/node/v6.9.2/lib/node_modules/generator-fountain-webapp/node_modules/generator-fountain-react/generators/app/index.js",
      "namespace": "fountain-react",
      "argv": {
        "remain": [],
        "cooked": [],
        "original": []
      },
      "sample": "todoMVC",
      "router": "router"
    }
  }
}

Environment

Tell us which operating system you are using, as well as which versions of Node.js, npm, and yo. Run the following to get it quickly:

$ node -e "var os=require('os');console.log('Node.js ' + process.version + '\n' + os.platform() + ' ' + os.release())"

Node.js v6.9.2
darwin 16.3.0

$ yo --version
1.8.5

$ npm --version
4.0.3

I'm encountering a problem when I use it with typescript, the HMR works but still print warning in the console :

The following modules couldn't be hot updated: (Full reload needed) This is usually because the modules which have changed (and their parents) do not know how to hot reload themselves. See http://webpack.github.io/docs/hot-module-replacement-with-webpack.html for more details.

I can't find how to fix it, does someone got an idea ?

It's just annoying to download PhantomJS (for example) when you don't use tests :( especially when you build a Docker with it...

As reported in FountainJS/fountainjs.github.io#31 , you appear to have lost control of the fountainjs.io domain (I can't tell from the whois info) or at the least the website has been hacked, as it redirects to what appears to be random websites!

You might want to change that, at least in the various GitHub projects that FountainJS maintains.

Description

An error message is displayed when trying to run the tests.
This problem occurs because ReactTestUtils is a part of ReactDOM and not React, according to this issue.

Error Message & Stack Trace

Module not found: Error: Can't resolve 'react/lib/ReactTestUtils' in '/Users/kohl/Documents/my-website/src/app'
 @ ./src/app/hello.spec.js 140:22-57
 @ ./src/app \.(js|ts|tsx)$
 @ ./src/index.spec.js

Config

{
  "generator-fountain-react": {
    "version": "1.0.0-rc1",
    "props": {
      "framework": "react",
      "modules": "webpack",
      "js": "babel",
      "ci": [
        "travis"
      ],
      "css": "scss",
      "resolved": "/Users/kohl/.nvm/versions/node/v6.9.1/lib/node_modules/generator-fountain-webapp/node_modules/generator-fountain-react/generators/app/index.js",
      "namespace": "fountain-react",
      "argv": {
        "remain": [],
        "cooked": [],
        "original": []
      },
      "sample": "hello",
      "router": "router"
    }
  }
}

Relevant Links

• facebook/react#8314

Environment

Node.js v6.9.1
darwin 16.1.0
1.8.5
3.10.8

RT

Description

When generating a new project (using version 1.0.0-rc1), nested route don't work.

Error Message & Stack Trace

Not much relevant, but the browser's console prints 404 for http://localhost:3000/path/index.js when requesting http://localhost:3000/path/path2

Config

Copy the content from .yo-rc.json:

{
  "generator-fountain-react": {
    "version": "1.0.0-rc1",
    "props": {
      "resolved": "/home/remi/.nvm/versions/node/v6.8.1/lib/node_modules/generator-fountain-react/generators/app/index.js",
      "namespace": "fountain-react:app",
      "argv": {
        "remain": [],
        "cooked": [],
        "original": []
      },
      "framework": "react",
      "modules": "webpack",
      "css": "css",
      "js": "babel",
      "ci": [],
      "sample": "hello",
      "router": "router"
    }
  }
}

Environment

Tell us which operating system you are using, as well as which versions of Node.js, npm, and yo. Run the following to get it quickly:

Node.js v6.8.1
linux 4.7.7-200.fc24.x86_64
yo version 1.8.5
npm version 3.10.8

I fixed the bug locally by modifying the generated webpack config, replacing the output filename "'index.js'" by "'/index.js'".

We should update these deps.

But a problem exist. 'eslint-config-xo-react' define indent for JSX with tab except we use 'eslint-config-xo-space' with '.editorconfig' who set indent with space. So we can't insert tab and space in the same component file.

Prerequisites

Install React with the ToDo MVC app selected.

Description

This is primarily about the ToDoMVC app.

Immutable.js would be good to use in the examples. It is a great tool to learn right-off-the-bat.
https://www.toptal.com/react/react-redux-and-immutablejs

Also, Ducks are a great design pattern for Redux and I highly suggest it be used in the generator here.
https://github.com/erikras/ducks-modular-redux

Error Message & Stack Trace

None

Config

Copy the content from .yo-rc.json:

{                                                                                                                               
  "generator-fountain-react": {
    "version": "1.0.0-rc2",    
    "props": {
      "framework": "react",    
      "modules": "webpack",    
      "js": "babel",
      "ci": [],
      "css": "scss",
      "skipInstall": true,     
      "resolved": "/Users/swiip/Workspace/FountainJS/fountain/generator-fountain-react/generators/app/index.js",
      "namespace": "fountain-react",  
      "argv": {
        "remain": [],
        "cooked": [],
        "original": []
      },
      "sample": "todoMVC",     
      "router": "router"
    }
  }
} 

Relevant Links

https://github.com/erikras/ducks-modular-redux
https://www.toptal.com/react/react-redux-and-immutablejs

Environment

lotus@InfiniteDesktop:~/code/draftlibrary$ node -e "var os=require('os');console.log('Node.js ' + process.version + '\n' + os.platform() + ' ' + os.release())"
Node.js v6.6.0
linux 3.16.0-4-amd64
lotus@InfiniteDesktop:~/code/draftlibrary$ yo --version
1.8.5
lotus@InfiniteDesktop:~/code/draftlibrary$ npm --version
3.9.5