Skip to content

Instantly share code, notes, and snippets.

@jcjmcclean
Created October 24, 2019 14:13
Show Gist options
  • Save jcjmcclean/48cb0be78c89cadad81e1d7347325526 to your computer and use it in GitHub Desktop.
Save jcjmcclean/48cb0be78c89cadad81e1d7347325526 to your computer and use it in GitHub Desktop.
React project structure
|-- public/
	|-- index.html
|-- src/
	|-- assets/
		|-- sass/
			|-- app.scss
			|-- base/
				|-- brand.scss
				|-- structure.scss
				|-- typography.scss
				|-- utils.scss
	|-- components/
		|-- button/
			|-- button.component.scss
			|-- button.component.test.ts
			|-- button.component.ts
		|-- dialog/
			|-- dialog.component.scss
			|-- dialog.component.test.ts
			|-- dialog.component.ts
		|-- form/
			|-- input/
				|-- input.component.scss
				|-- input.component.ts
			|-- select/
				|-- select.component.scss
				|-- select.component.ts
			|-- textarea/
				|-- textarea.component.scss
				|-- textarea.component.ts
		|-- icon/
		|-- modal/
	|-- config/
		|-- moment.config.ts
	|-- modules/
		|-- common/
			|-- header-main/
				|-- header-main.component.scss
				|-- header-main.component.test.ts
				|-- header-main.component.ts
			|-- locale-picker/
				|-- ...
		|-- core/
			|-- error/
				|-- ...
			|-- locale/
				|-- ...
			|-- loading/
				|-- ...
		|-- dashboard/
			|-- dashboard.page.scss
			|-- dashboard.page.test.ts
			|-- dashboard.page.ts
		|-- profile/
			|-- profile.page.scss
			|-- profile.page.test.ts
			|-- profile.page.ts
			|-- avatar/
				|-- avatar.component.scss
				|-- avatar.component.test.ts
				|-- avatar.component.ts
			|-- profile-form/
				|-- ...
			|-- profile-header/
				|-- ...
	|-- app.routes.ts
	|-- app.test.ts
	|-- app.ts
	|-- index.ts
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment