create-react-app-blueprint

KO | EN

gitlite — search

#python #react #deep-learning #linux #docker #nodejs #java #awesome #cli #vue #security #pytorch #mcp #openai

create-react-app-blueprint

(★ 17)

Setup React+ Redux application with one line without Boilerplates!

create-react-app-blueprint 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h3 align="center">Create React App(CRA) Bluechip</h3>
  <p align="center">
    Setup React+ Redux application with one line without Boilerplates! :tada:.
  </p>
</p>

**IMPORTANT**
This repo is a working in progress!! be kind ;)

## Summary

If you want to see all the step by step for this project please [go to this article](https://medium.com/@charlypalencia/no-more-react-boilerplates-long-live-to-react-app-blueprint-5141a92c531f). Please enjoy it :book:.

## Prerequisites

- [wget](https://www.gnu.org/software/wget/) 
- [git](https://git-scm.com/)
- [nvm](https://github.com/nvm-sh/nvm)

## Quickstart
Run this command in your terminal to create a new project.

```
wget -qO- https://raw.githubusercontent.com/charly-palencia/create-react-app-blueprint/master/install.sh | bash
```

After that, close your current terminal and open a new terminal.

```
crabp --help
```

![](https://raw.githubusercontent.com/charly-palencia/create-react-app-blueprint/master/bp2.gif)

After installation, go into your app folder and run `npm run start`. That's all, your React + Redux project is ready to test :atom:.

**Note**: Installing *CRA* app takes a while, so be patient :smile:.

## What extra libraries does it included?

| Library name  | Description  |   |
| ------------ | ------------ | ------------ |
| Create React App | Set up a modern web app by running one command.  | [Home Page](https://github.com/facebook/create-react-app)  |
| Redux  | Predictable state container for JavaScript apps  | [Home Page](https://github.com/reduxjs/redux)  |
| Styled-Component  | Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress.   |  [Home Page](https://github.com/styled-components/styled-components)  |
| Prettier  | Prettier is an opinionated code formatter.  | [Home Page](https://github.com/prettier/prettier)  |
| Eslint  | A fully pluggable tool for identifying and reporting on patterns in JavaScript   | [Eslint](https://github.com/eslint/eslint)  |
| React Router  | Declarative routing for React   | [Home Page](https://github.com/ReactTraining/react-router)  |

## What about the built-in setup?

| Setting  | Description  |   |
| ------------ | ------------ | ------------ |
| **.nvm** with node LTS version  | version will be fetch from a third party service in order to get always the last node version  | [More Info](https://github.com/nvm-sh/nvm)  |
|** jsconfig.json** configuration with CRA  |The presence of jsconfig.json file in a directory indicates that the directory is the root of a JavaScript Project.   | [More Info](https://github.com/microsoft/vscode-docs/blob/master/docs/languages/jsconfig.md)  |
| **check-engine **validation before npm i  | A utility to check your engines for Node.js  | [More Info](https://github.com/mohlsen/check-engine)  |

## I don't want this, how can I uninstall it?

Please run the next command, see ya later :(

```
  rm ~/bin/crabp/sh
```

## Why should I use CRA-blueprint?

[TBD]

## Support me
  <a class="bmc-button" target="_blank" href="https://www.buymeacoffee.com/uIcqUSB" style="line-height: 36px !important;height: 37px !important;text-decoration: none !important;display: inline-flex !important;color: #FFFFFF !important;background-color: #FF813F !important;border-radius: 3px !important;border: 1px solid transparent !important;padding: 0px 9px !important;font-size: 17px !important;letter-spacing: -0.08px !important;box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important;margin: 0 auto !important;font-family: 'Lato', sans-serif !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;-o-transition: 0.3s all linear !important;-webkit-transition: 0.3s all linear !important;-moz-transition: 0.3s all linear !important;-ms-transition: 0.3s all linear !important;transition: 0.3s all linear !important;"><img src="https://www.buymeacoffee.com/assets/img/BMC-btn-logo.svg" alt="Buy me a coffee" style="width: 27px !important;margin-bottom: 1px !important;box-shadow: none !important;border: none !important;vertical-align: middle !important;"><span style="margin-left:5px">Buy me a coffee</span></a>

## OS verification
- [x] Mac O SMojave
- [x] Ubuntu
- [ ] Window

## TODO list
- [ ] Include test suite 
- [ ] Include curl as alternative
- [ ] It's not working for current folder (`crabp create .`)

create-react-app-blueprint

create-react-app-blueprint 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

create-react-app-blueprint

create-react-app-blueprint 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README