michalkvasnicak / create-js-app Goto Github PK

[DEPRECATED!! - see readme] Create full stack javascript applications with no configuration. Powered by webpack 2, eslint, flowtype, ...

License: MIT License

JavaScript 96.07% Shell 3.89% CSS 0.04%

bundler create-js-app create-react-app javascript universal webpack

create-js-app's Introduction

Hi there 👋

I'm Michal Kvasničák a full stack engineer from 🇸🇰. I ❤️ React, GraphQL, Node.js, Typescript...

I know this README is boring, what'd you like to know? Ask me anything!

create-js-app's People

Contributors

Stargazers

Watchers

create-js-app's Issues

Make production package.json private with name of a directory

Take dependencies from package.json to production package.json

It is hard to maintain two package.json. So we will take dependencies from package.json and copy them to package.prod.json

Test command

Add test command to test whole application

Add source-map-support to server side bundle

Add postcss with css next support

Add option to disable flow typecheck

Create dev tools that will work like react-dev-utils/webpackHotDevClient but can collect information from multiple webpack compilers + maybe some custom wrappers around test utils so user will have everything he needs in a browser.

- collection server
- browser dashboard

Add scripts to package.json on initialization

Terminate build on webpack fail (build command)

Create common chunk for files shared in app

use CommonChunksPlugin with minChunks: Infinity.

Watch .app.js for changes and restart whole development

If user creates, modifies, deletes .app.js during development mode, we should restart whole build.

Init command

Should init basic project structure for universal react app.

Requirements:

koa
react
react-router

Option to pass libraries that can be parsed using babel-loader

This will allow us to import es6 modules like react-router/es6/Link, so we can use tree shaking.

CSS is not available on initial build

When npm start is ran for a first time the css is not loaded because server bundle is finished before client bundle and assets.json is not available. Then it is cached like this and needs restart of a server or change in code which will cause compilation restart.

Add basic polyfills

Promises and fetch

Use babel/arrow-parens instead of arrow-parens

It is causing problems when flow typing is used.

babel/eslint-plugin-babel#55

Update react-dev-utils when milestone 0.7.0 is released

Current react-dev-utils do not work with webpack 2 :-/

Make processed use some process manager

It will isolate rebuild code so we don't need to delete require.cache and it will kill server process so it won't stuck there forever.

Plugin system

Create-js-app should work as plugin runner which exposes some api to control flow of runner.

For example if user does not want a server build, he/she should disable or enable only plugins he/she wants.

// .app.js

module.exports = {
   plugins: [
      require.resolve('create-js-app-scripts/plugins/default.client'),
      require.resolve('create-js-app-scripts/plugins/default.server'),
      require.resolve('create-js-app-scripts/plugins/graphql.watch')
   ],
   settings: {
      // some settings passed to every plugin
   }
};

Now anyone can create his own plugins.

Every plugin should expose methods to control them from tasks eg. start, build.
Every plugin should accept api as an argument to initializer so it can communicate with other plugins and with the runner

For example, we don't want to start server build if client assets are not built. Or we want to restart whole build if .app.js changes.