/Athria

Starter for React Project - An attempt to learn react

Primary LanguageJavaScript

This project was bootstrapped with Create React App. Please refer to CRA Documentations for CRA usage

About

This project is a React Starter Project to be used for my personal work. It also a playground to me to learn about React. I use this starter as a barebone for a new static react app project that uses CRA.

Directories & Files Structure

The directories and files are following this structure:

[project]
|___root project files (readme, package.json,etc)
|   
|___[public]
|   |___ index.html (and favicon, etc)  
|   
|___[src]
    |
    |___[_DummyData] (put your dummy data here)
    |   |___ DummyDataFile.js
    |
    |___[_SCSS] (your global, settings & vars _scss will be here)
    |   |___ variables.scss (IMPORTANT: set your prefix here and src/settings.js)
    |   |___ colors.scss
    |   |___ etc
    |
    |___[Components] (your components will be here)
    |   |
    |   |___[Button]
    |   |   |___ Button.js
    |   |   |___ button.scss (component spesific styles)
    |   |
    |   |___[other components]
    |
    |___[Pages] (layout, pages/views are here)
    |   |
    |   |___[Layout] (here is the master layouts)
    |   |   |___ DefaultLayout.js
    |   |   |___ Userlayout.js
    |   |   |___ etc.
    |   |   
    |   |___[Member] (member area/specific area for specific parts of the views)
    |   |   |___ Member.js
    |   |   |___ Account.js
    |   |   
    |   |___ Home.js
    |   |___ NotFound.js
    |
    |___ settings.js (site setting here. e.g. css prefix)
    |___ app.js
    |___ index.js
    |___ etc

More Info

Please refer to README file available in each folder