All Projects → iamyoki → create-cra-template

iamyoki / create-cra-template

Licence: MIT license
A cli tool to generate cra-template from current create-react-app project.

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
typescript
32286 projects
CSS
56736 projects

Projects that are alternatives of or similar to create-cra-template

cra-template-quickstart-redux
Opinionated quickstart Create React App template with Redux, React Testing Library and custom eslint configuration
Stars: ✭ 66 (+200%)
Mutual labels:  create-react-app, cra-template
crassa
Create React App Server Side Application
Stars: ✭ 16 (-27.27%)
Mutual labels:  create-react-app
wx-react-app
使用Create-React-App 和 Ant Design Pro 框架整合,演示地址:
Stars: ✭ 16 (-27.27%)
Mutual labels:  create-react-app
GraphQL-Blueprint
GraphQL Blueprint: a software developer tool for engineers that want to quickly generate React/Express, Apollo and GraphQL boilerplate code using a data modeling interface. Watch your queries, mutations, and schema update in realtime with our code preview feature and finally, export it when you're ready to begin building the rest of your app!
Stars: ✭ 74 (+236.36%)
Mutual labels:  create-react-app
create-react-app-express
⚙️ Express server for your Create React App (Backbone of cra-universal)
Stars: ✭ 20 (-9.09%)
Mutual labels:  create-react-app
react-firebase-template
Bootstrap a React + Firebase full stack application with every thing you need pre-configured: hosting, database, authentication, CI, Typescript, Material UI, PWA and other goodies.
Stars: ✭ 24 (+9.09%)
Mutual labels:  create-react-app
adonisjs-create-react-app
Adonisjs + Create React App Boilerplate
Stars: ✭ 22 (+0%)
Mutual labels:  create-react-app
react-antd-admin
基于vite2.x + react17.x + typescript4.x + antd4.x + react-router6.x + mobx6.x编写的一款简单高效的前后端分离的权限管理系统
Stars: ✭ 140 (+536.36%)
Mutual labels:  create-react-app
cra-and-storybook
Stars: ✭ 13 (-40.91%)
Mutual labels:  create-react-app
cra-macro-example
This is an example of how you can use Create React App with Babel Plugin Macros.
Stars: ✭ 38 (+72.73%)
Mutual labels:  create-react-app
react-intl.macro
Extract react-intl messages with babel-plugin-macros.
Stars: ✭ 39 (+77.27%)
Mutual labels:  create-react-app
hackerNews-pwa
hacker news pwa
Stars: ✭ 17 (-22.73%)
Mutual labels:  create-react-app
cra-bundle-analyzer
Use Webpack Bundle Analyzer on a create-react-app application without ejecting
Stars: ✭ 46 (+109.09%)
Mutual labels:  create-react-app
movies
🍿 react-app for movies
Stars: ✭ 60 (+172.73%)
Mutual labels:  create-react-app
google-place-autocomplete
🏆 Best practice with Google Place Autocomplete API on React
Stars: ✭ 68 (+209.09%)
Mutual labels:  create-react-app
node-less-chokidar
Watch and build CSS from LESS, compatible with Create React App
Stars: ✭ 21 (-4.55%)
Mutual labels:  create-react-app
public-ol-web-template
OrangeLoops Web Project Boilerplate
Stars: ✭ 28 (+27.27%)
Mutual labels:  create-react-app
cra-tailwindcss-in-js
Integrate Tailwind CSS in a Create React App setup using css-in-js solutions
Stars: ✭ 35 (+59.09%)
Mutual labels:  create-react-app
descent-app
Top of descent path calculator. Let's calculate your descent!
Stars: ✭ 28 (+27.27%)
Mutual labels:  create-react-app
basic-todo-app-using-bit
A highly-modular React todo application composed of reusable components from 5 different collections. Full-blown software modularity.
Stars: ✭ 16 (-27.27%)
Mutual labels:  create-react-app

Create Cra Template

brand

A cli tool to generate cra-template from current create-react-app project.

npm npm bundle size

GitHub tag (latest by date) GitHub repo size lines of code

Usage

Inside your own create-react-app project:

npx create-cra-template
# or
yarn create cra-template

Or install globally

yarn global add create-cra-template
cct
# or create-cra-template

template.json and template will be generated. You can also edit template.json manually.

Publish to npm

Make sure your package.json name is cra-template-[YOUR_TEMPLATE_NAME]

Example:

{
  "name": "cra-template-ui"
}
npm login
npm publish

Use your own template

npx create-react-app --template [YOUR_TEMPLATE_NAME]
# or
yarn create react-app --template [YOUR_TEMPLATE_NAME]

CLI details

There two commands create-cra-template and cct.

Run cct --help to see more details.

cct

 🕹 📤 A cli tool to generate cra-template from current create-react-app
 project.

Commands:
  cct                Generate template                                 [default]
  cct clear [--all]  Clear previous exports

Options:
  -h, --help     Show help                                             [boolean]
  -v, --version  Show version number                                   [boolean]
  -c, --clear    Clear previous exports before generation              [boolean]

Use in Node

Below is a simple example of using create-cra-template in your project:

const {
  generateTemplateJson,
  generateTemplateFiles,
  clearPackageFileField,
  clearTemplateFiles
} = require('create-cra-template')

const rootDir = process.cwd()

;(async()=>{
  await clearPackageFileField(rootDir)
  await clearTemplateFiles(rootDir)
  await generateTemplateJson(rootDir)
  await generateTemplateFiles(rootDir)
})()

Built-in templates

cra-template-popular

Work in progress...

cra-template-ui

Work in progress...


🎉 That's it! Enjoy your own template.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].