Create React apps with no build configuration, Cli tool for creating react apps. Another tool,
kkt-ssr, Is a lightweight framework for static and server-rendered applications.
- ⏱ The code was rewritten using TypeScript.
- ♻️ Recompile the code when project files get added, removed or modified.
- 📚 Readable source code that encourages learning and contribution
- ⚛️ Refactor code based on create-react-app.
- 💝 Expose the configuration file entry and support webpack configuration.
- 🚀 Supports creat-kkt to create different instances.
- ⛑ Jest test runner setup with defaults
You will need
Node.js installed on your system.
npm install kkt
Initialize the project from one of the examples, Let's quickly create a react application:
$ npx create-kkt my-app -e uiw# or npm$ npm create kkt my-app -e `<Example Name>`# or yarn$ yarn create kkt my-app -e `<Example Name>`
basic- The react base application.
bundle- Package the UMD package for developing the React component library.
electron- Use an example of
less- Use an example of
markdown- Use an example of
react-component- Create a project for the react component library.
react-component-tsx- Create a project containing the website for the react component library.
Rematchexample for TypeScript.
Rematchfor the project.
scss- Use an example of
stylus- Use an example of
typescript- Use an example of
uiwfor the project.
;/*** Modify webpack config.* *//*** This is the setting for the Plug-in `new ModuleScopePlugin`.** Prevents users from importing files from outside of src/ (or node_modules/).* This often causes confusion because we only process files within src/ with babel.* To fix this, we prevent you from importing files out of src/ -- if you'd like to,* please link the files into your node_modules/ and let module-resolution kick in.* Make sure your source files are compiled, as they will not be processed in any way.* */;/*** Support for Less.* Opt-in support for Less (using `.scss` or `.less` extensions).* By default we support Less Modules with the* extensions `.module.less` or `.module.less`**/;/*** mocker-api that creates mocks for REST APIs.* It will be helpful when you try to test your application without the actual REST API server.**/
The step below is important!
Open your package.json and add a homepage field for your project:
or for a GitHub user page:
or for a custom domain page:
KKT uses the
homepage field to determine the root URL in the built HTML file.