All Projects → alfianandinugraha → create-react-typescript-app

alfianandinugraha / create-react-typescript-app

Licence: MIT License
Integrating Reactjs with Typescript + ESLint

Programming Languages

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

Projects that are alternatives of or similar to create-react-typescript-app

ying-template
这是一个基于 `webpack@^5.27.2` + `typescript@^4.2.3` + `@babel/core@^7.2.2` + `jest@^26.6.3` + `eslint@^7.22.0` 的多页面脚手架。
Stars: ✭ 125 (+525%)
Mutual labels:  eslint, prettier
awesome-address-book
This project shows a basic address book built with ReactJS, Redux Toolkit and Typescript 📖
Stars: ✭ 20 (+0%)
Mutual labels:  eslint, prettier
next.js-tailwindcss-template
Opinionated Next.js and TailwindCSS template.
Stars: ✭ 15 (-25%)
Mutual labels:  eslint, prettier
walrus
🎉 Cli development framework.
Stars: ✭ 17 (-15%)
Mutual labels:  eslint, prettier
next-pwa-template
Next.js progressive web app template
Stars: ✭ 266 (+1230%)
Mutual labels:  eslint, prettier
eslint-config
My shared ESLint & Prettier configuration for projects
Stars: ✭ 12 (-40%)
Mutual labels:  eslint, prettier
OSAPI
👋 OSAPI 是依靠通用性后台管理平台搭建的API管理平台,基于 vue3、Nestjs 技术栈实现,包含 RBAC 角色权限模块、数据展示、编辑等模块。
Stars: ✭ 32 (+60%)
Mutual labels:  eslint, prettier
dva-typescript-antd-starter-kit
A admin dashboard application demo based on antd by typescript and dva
Stars: ✭ 61 (+205%)
Mutual labels:  eslint, prettier
nextjs-baseweb
Slightly opinionated scaffold of Next.js and Base Web.
Stars: ✭ 46 (+130%)
Mutual labels:  eslint, prettier
eslint-config-adjunct
A reasonable collection of plugins to use alongside your main esLint configuration
Stars: ✭ 39 (+95%)
Mutual labels:  eslint, prettier
gatsby-starter-antoine
My opinionated Gatsby.js starter
Stars: ✭ 17 (-15%)
Mutual labels:  eslint, prettier
vite-react-ts-tailwind-firebase-starter
Starter using Vite + React + TypeScript + Tailwind CSS. And already set up Firebase(v9), Prettier and ESLint.
Stars: ✭ 108 (+440%)
Mutual labels:  eslint, prettier
webpack-typescript-react
Webpack 5 boilerplate with support of most common loaders and modules (see tags and description)
Stars: ✭ 185 (+825%)
Mutual labels:  eslint, prettier
luozhu
Luozhu's practice in Front End Engineering and Components Development.
Stars: ✭ 28 (+40%)
Mutual labels:  eslint, prettier
eslint-config-hardcore
The most strict (yet practical) ESLint config. 34 plugins. 1047 rules.
Stars: ✭ 168 (+740%)
Mutual labels:  eslint, prettier
prettier-eslint-atom
DEPRECATED IN FAVOR OF prettier-atom + ESLint integration
Stars: ✭ 64 (+220%)
Mutual labels:  eslint, prettier
generator-node
🔧 Yeoman generator for Node projects.
Stars: ✭ 16 (-20%)
Mutual labels:  eslint, prettier
template-react-ts
A React template with typescript, styled-components, prettier, eslint, axios and react-router-dom
Stars: ✭ 29 (+45%)
Mutual labels:  eslint, prettier
react-component-library-lerna
Build your own React component library managed with lerna, presented with storybook and published in private npm registry.
Stars: ✭ 55 (+175%)
Mutual labels:  eslint, prettier
react16-seed-with-apollo-graphql-scss-router4-ssr-tests-eslint-prettier-docker-webpack3-hot
Seed to create your own project using React with Apollo GraphQL client
Stars: ✭ 19 (-5%)
Mutual labels:  eslint, prettier

Create React Typescript App - starter screen

Create React Typescript App 🚀

Combine Create React App with Typescript and Eslint

Stay Safe with Eslint + Prettier 🚑

Feature:

  • Absolute path 🔥
  • Typesafe
  • Support unit testing

Get started :

  1. git clone https://github.com/alfianandinugraha/create-react-typescript-app.git
  2. cd create-react-typescript-app
  3. yarn install or npm install
  4. Happy coding 👨🏻‍💻

This project was bootstrapped with Create React App.

and includes:


📜 Available Scripts

In the project directory, you can run:

yarn start or npm run start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

yarn test or npm run test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

yarn build or npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

yarn lint or npm run lint

Fix all error because eslint, this eslint extends the config from Eslint Airbnb and also use Prettier

See the section about Eslint CLI for more information

yarn reset or npm run reset

This boilerplate has landing page and this command is used to delete all files, folders, and code which related to landing page. Rather than delete manualy, just type this command and the landing page will be removed.

To undo this command, type git checkout -- src/ to rollback to older src folder

yarn eject or npm run eject

Warning ! don't eject the app, because cannot be undone. Please use react-app-rewired for control behavior of Create React App


📦 Deploy App

Free hosting for deploy your static site or single page application


🧱 Contribute

You can follow the contributing guide listed here

📜 License

create-react-typescript-app is under MIT License.


📃 Visit Official Create React App Template for another information

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].