cra-template-ornio

Ornio Create React App template

current version: V1.0.0

This template provides Ornio AS structure, styles and common tool to get the project up and running.

To use this template within your project, add --template ornio when creating a new app.

How to use

For example run:

npx create-react-app my-app --template ornio

or

yarn create-react-app my-app --template ornio

or from github repo

npx create-react-app my-app --template=git+https://github.com/ornio-no/cra-template-ornio.git

Tools

1. Typescript
2. ESLint
3. Prettier
4. Husky
5. TailwindCSS
6. Clsx
7. Joi
8. Craco
9. Dayjs
10. GraphQL
11. GraphQL-Codegen
12. Apollo
13. Loadable Components
14. React Helmet
15. i18n
16. React Router

Structure

This template is structured based on atomic design patterns

Learn more

• 📁 components
  • 📁 atoms
  • 📁 molecules
  • 📁 organisms
  • 📁 templates
• 📁 config
• 📁 enums
• 📁 graphql
  • 📁 client
  • 📁 fragments
  • 📁 gen
  • 📁 hooks
  • 📁 mutation
  • 📁 query
  • 📁 subscription
• 📁 hooks
• 📁 interfaces
  • 📁 models
  • 📁 types
• 📁 pages
• 📁 routes
• 📁 styles
  • 📁 base
  • 📁 vendor
• 📁 utils
• 📁 validatiors

Uninstall tailwind (guide)

1. delete tailwind.config.js
2. remove /styles/vendor/tailwincss/tailwind.css import in /styles/main.scss
3. delete /styles/vendor/tailwindcss
4. remove tailwind plugin from .eslintrc (under extends "plugin:tailwind/recommended")
5. uninstall following packages by running npm uninstall tailwindcss@npm:@tailwindcss/postcss7-compat postcss autoprefixer

Getting Started with Create React App

This project was bootstrapped with Ornio Create React App Template.

Available Scripts

start

Starts development server

build

Builds production version of the App

test

Runs tests

eject

Should not be used

format

Runs prettier format

type:check

Does typescript type checking

lint

Lints all files in src folder

analyze

Generates report for app and all its dependencies.

codegen

Runs graphQL codegen