simon8029 / canechair.cli Goto Github PK

View Code? Open in Web Editor NEW

1.0 1.0 0.0 367 KB

TypeScripted ReactJS Development Environment Starter Kit

JavaScript 100.00%

canechair.cli's Introduction

CaneChair.Cli

Full-Stack JavaScript Development Environment Starter Kit

Create an fundation of full-stack Javascript Project in no time. (MERN Stack for now, other stacks are coming)

Overview

npm install -g canechair-cli

canechair-cli my-app 
cd my-app/
npm start

What’s Inside?

React/Redux
Webpack
Babel
EsLint/TsLint
Jest
Enzyme
and Others

Highlight

React, JSX, ES6 syntax support.
Language extras beyond ES6 like the object spread operator.
A dev server that lints for common errors.
CI integrated for Travis and Appveyor
When build for production:
- Extract/Purify/Minify CSS
- Uglify JavaScripts
- Extract Bundles

canechair.cli's People

Contributors

Stargazers

Watchers

canechair.cli's Issues

Refactor App.js to container component with ES6

currently:

const App = () =>
  <div>
    <h3>CaneChair is Rocking...</h3>
  </div>

export default App;

Sample component: Detail button inside the list doesn't work.

integrate flow type checking

Failed to compile: /node_modules/@types/react/index"' has no default export.

Failed to compile.

[at-loader] ..\src\App.tsx:1:8
TS1192: Module '"[...]/node_modules/@types/react/index"' has no default export.

Create template for Typescript

Integrate TypeScript

Unable to resolve path to module '../webpack.config.dev' import/no-unresolved

cc.buildScripts\cc.buildScripts.server.dev.js (1/0)

Eslint complains about "Component is defined but never used".

<...>/src/index.js (3/0)
✖ 1:8 'React' is defined but never used no-unused-vars
✖ 3:10 'Provider' is defined but never used no-unused-vars
✖ 5:8 'App' is defined but never used no-unused-vars

index.template.ejs include title with CaneChair.Parts

<html>

<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  <title>CaneChair.Parts</title>
</head>

<body>
  <div id='root'></div>
</body>

</html>

Remove readme and license from template.

Refactor cc.buildScripts

Add .gitignore file to template.

Add support for osx system

Store does not have a valid reducer.

Make sure the argument passed to combineReducers is an object whose values are reducers.

Add User management module as sample

Add routing system

add dpendencies: react-router, react-router-dom
refactor container's constructor:

    this.actions = props.actions;
    this.history = props.history;
    this.location = props.location;
    this.match = props.match;
    this.state = props.state;
    this.staticContext = props.staticContext;

ReferenceError: React is not defined

Cannot get app running.

Add an error boundary

adding an error boundary to the tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error boundaries.

Add Component folder and sample file

Add Alias to webpack settings for utility.js

'esw' is not recognized as an internal or external command,

> esw .settings src cc.buildScripts "--watch"

'esw' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] eslint: `esw .settings src cc.buildScripts "--watch"`
npm ERR! Exit status 1

js file name has been set canechairparts as default.

<anonymous>
webpack-internal:///./src/index.js:16:1
./src/index.js
http://localhost:8029/canechairparts.js:753:1
__webpack_require__
http://localhost:8029/canechairparts.js:20:12
[0]
http://localhost:8029/canechairparts.js:792:18
__webpack_require__
http://localhost:8029/canechairparts.js:20:12
<anonymous>
http://localhost:8029/canechairparts.js:63:18
<anonymous>
http://localhost:8029/canechairparts.js:1:11

Issues in .settings\cc.settings.express.js (9/0)

✖   2:20  Unable to resolve path to module 'morgan'           import/no-unresolved
✖   3:8   'Compression' is defined but never used             no-unused-vars
✖   5:28  Unable to resolve path to module 'method-override'  import/no-unresolved
✖   6:8   'ExpressSession' is defined but never used          no-unused-vars
✖   6:28  Unable to resolve path to module 'express-session'  import/no-unresolved
✖   7:22  Unable to resolve path to module 'passport'         import/no-unresolved
✖   8:26  Unable to resolve path to module 'connect-flash'    import/no-unresolved
✖   9:7   'CCSettings' is assigned a value but never used     no-unused-vars
✖  18:13  'compress' is not defined                           no-undef

Refactor cc.mockUps

webpack compiling multiple times.

webpack: Compiled successfully.
webpack: Compiling...
webpack: wait until bundle finished: /

webpack: Compiled successfully.
webpack: Compiling...
webpack: wait until bundle finished: /
webpack: wait until bundle finished: /app.js

webpack: Compiled successfully.
webpack: Compiling...
webpack: wait until bundle finished: /app.js

webpack: Compiled successfully.
webpack: Compiling...

webpack: Compiled successfully.

Add Typescript related package to canechair-template.ts

Can't generate project

if (tempate === "ts") {
    ^

ReferenceError: tempate is not defined