Merge branch 'master' of https://github.com/JaeYeopHan/cra-template-unicorn

Author: jbee37142

.github/ISSUE_TEMPLATE/Bug_report.md

@@ -0,0 +1,14 @@
+---
+name: 🐛 Bug report
+about: Report to bug or error!
+---
+
+## Description
+
+### Bug Environment
+
+### Current
+
+### Expected
+
+### Reference

.github/ISSUE_TEMPLATE/Enhancement.md

@@ -0,0 +1,10 @@
+---
+name: 🌈 Enhancement
+about: Things you might want to try to improve or add to in your extension.
+---
+
+## Description
+
+### Request Feature
+
+### Reference

README.md

@@ -1,4 +1,7 @@
-![cra-template-unicorn_logo](./assets/logo.png)
+<div align="center">
+  <img src="./assets/logo.png" width="520px">
+</div>
+
 
 # cra-template-unicorn
 
@@ -28,16 +31,18 @@ yarn create react-app my-app --template unicorn
 
 ## In this template
 
+- [TypeScript 3.7.x version](https://github.com/microsoft/TypeScript)
 - [craco](https://github.com/gsoft-inc/craco)
 - [redux-toolkit](https://github.com/reduxjs/redux-toolkit)
-- [react-redux](https://github.com/reduxjs/react-redux)
+- [react-redux 7.1.x](https://github.com/reduxjs/react-redux)
 - [react-router](https://github.com/ReactTraining/react-router)
 
 ## Support
 
+- Support absolute path with TypeScript
 - Support VSCode Integration
 - Support reset.css
-- Support absolute path
+- Support prettier
 - Customize config with craco
 - Customize eslint config > [link](https://create-react-app.dev/docs/advanced-configuration)
 
@@ -46,7 +51,8 @@ yarn create react-app my-app --template unicorn
 Give a ⭐️ if this project helped you!
 
 <div align="center">
-
-<sub><sup>Written by <a href="https://github.com/JaeYeopHan">@Jbee</a></sup></sub><small>✌</small>
-
+  <sub>
+    <sup>Written by <a href="https://github.com/JaeYeopHan">@Jbee</a></sup>
+  </sub>
+  <small>✌</small>
 </div>

template/.vscode/settings.json

@@ -5,10 +5,10 @@
   "eslint.options": {
     "extensions": [".html", ".ts", ".js", ".tsx"]
   },
-  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
-  },
   "files.autoSaveDelay": 500,
   "eslint.packageManager": "yarn",
-  "typescript.tsdk": "node_modules/typescript/lib"
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  }
 }

template/src/components/App.test.tsx

@@ -1,9 +1,10 @@
-import React from "react";
-import { render } from "@testing-library/react";
-import App from "./App";
+import { render } from '@testing-library/react'
+import React from 'react'
 
-test("renders learn react link", () => {
-  const { getByText } = render(<App />);
-  const linkElement = getByText(/learn react/i);
-  expect(linkElement).toBeInTheDocument();
-});
+import App from './App'
+
+test('renders learn react link', () => {
+  const { getByText } = render(<App />)
+  const linkElement = getByText(/learn react/i)
+  expect(linkElement).toBeInTheDocument()
+})

template/src/components/App.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react'
 
 export default () => {
   return (
@@ -11,5 +11,5 @@ export default () => {
         cra-template-unicorn
       </a>
     </h1>
-  );
-};
+  )
+}

template/src/features/index.ts

@@ -1,9 +1,9 @@
-import { combineReducers } from "@reduxjs/toolkit";
-import { configureStore } from "@reduxjs/toolkit";
+import { combineReducers } from '@reduxjs/toolkit'
+import { configureStore } from '@reduxjs/toolkit'
 
-const rootReducer = combineReducers({});
+const rootReducer = combineReducers({})
 
-const store = configureStore({ reducer: rootReducer });
+const store = configureStore({ reducer: rootReducer })
 
-export type RootState = ReturnType<typeof rootReducer>;
-export default store;
+export type RootState = ReturnType<typeof rootReducer>
+export default store

template/src/index.tsx

@@ -1,17 +1,17 @@
-import React from "react";
-import ReactDOM from "react-dom";
-import { Provider } from "react-redux";
-import { Router } from "react-router-dom";
+import React from 'react'
+import ReactDOM from 'react-dom'
+import { Provider } from 'react-redux'
+import { Router } from 'react-router-dom'
 
-import App from "@/components/App";
-import store from "@/features";
-import history from "@/utils/history";
+import App from '@/components/App'
+import store from '@/features'
+import history from '@/utils/history'
 
 ReactDOM.render(
   <Provider store={store}>
     <Router history={history}>
       <App />
     </Router>
   </Provider>,
-  document.getElementById("root")
-);
+  document.getElementById('root'),
+)

template/src/setupTests.ts

@@ -2,4 +2,4 @@
 // allows you to do things like:
 // expect(element).toHaveTextContent(/react/i)
 // learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom/extend-expect'

template/src/utils/history.ts

@@ -1,3 +1,3 @@
-import { createBrowserHistory } from "history";
+import { createBrowserHistory } from 'history'
 
-export default createBrowserHistory();
+export default createBrowserHistory()