JohanDev6 / TEMPLATE_My-react-typescript-styled

Simple and initial template react with typescript, theming, React test renderer and enzyme testing architecture, provider, icons, state, routers, context, Poppins Font 😃.

Template React with Styled, React Router, Jest and Enzyme 🔥

This template was made to start react projects with ts in a clean way. But already prepared for any complexity using typing and even unit testing with Jest.

Features

• Clean Structure
• Easy manipulation
• Theming
• Context
• Routers
• Typing
• Testing

Tools, Techs & Main libs

• React Router
• Styled Components
• React Spring
• React test renderer and Enzyme
• React Icons

Folder structure

.
├── src
│   ├── components
│   │   ├── button # Folder for component
│   │   │   └── index.tsx
│   │   │       styles.ts
│   │   │       component.spec.ts
│   ├── pages or screens
│   │   ├── home # Folder for page
│   │   │   └── index.tsx
│   │   │       styles.ts
│   │   ├── notfound # Folder for page
│   │   │   └── index.tsx
│   │   │       styles.ts
│   ├── providers
│   │   ├── mainProvider.tsx
│   └── utils or hooks
│       └── useTitle.tsx
|           [...]
└── [...rest] Default files app.tsx, index.tsx, themes and etc... 

Init your development

$ git clone https://github.com/JohanDev6/Template-My-react-typescript-styled
$ yarn install
$ cd src/
$ yarn start

Contribution to template

Please use issue tracker to report bugs or make push requests.