{"id":13,"date":"2019-09-24T11:27:38","date_gmt":"2019-09-24T11:27:38","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/reactify\/?page_id=13"},"modified":"2019-10-10T07:15:49","modified_gmt":"2019-10-10T07:15:49","slug":"folder-structure","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/reactify\/folder-structure\/","title":{"rendered":"Folder Structure"},"content":{"rendered":"\n

Once you download the template from ThemeForest<\/strong>, you will find the below folder structure in the package<\/p>\n\n\n\n

Folder Structure:<\/strong><\/h5>\n\n\n\n
\"\"<\/a><\/figure><\/div>\n\n\n\n

Reactify provides two variants for development, they are based on 2 most widely used middleware.<\/p>\n\n\n\n

Reactify (redux-saga)<\/a><\/h5>\n\n\n\n

Redux Saga is a middleware library that aims to make application required functions (i.e. asynchronous things like data fetching and impure things like accessing the browser cache) easier to manage, more efficient to execute, easy to test, and better at handling failures. <\/p>\n\n\n\n

Reactify (redux-thunk)<\/a><\/h5>\n\n\n\n

Redux Thunk middleware allows you to write action creators that return a function instead of an action. The thunk can be used to delay the dispatch of an action, or to dispatch only if a certain condition is met. The inner function receives the store methods dispatch<\/code> and getState<\/code> as parameters.<\/p>\n\n\n\n

Brief Explanation about Folder Structure:<\/a><\/h5>\n\n\n\n
dist:<\/strong><\/a><\/h6>\n\n\n\n

The distribution (production) version of Reactify.<\/p>\n\n\n\n

documentation:<\/strong><\/h6>\n\n\n\n

The online documentation link of Reactify that you reading right now.<\/p>\n\n\n\n

README.md:<\/strong><\/h6>\n\n\n\n

It has some helpful steps to start project.<\/p>\n\n\n\n

Seed:<\/strong><\/h6>\n\n\n\n

Contains the seed version of Reactify – ReactJS\/Redux Admin Template.<\/p>\n\n\n\n

reactify-redux-thunk\/reactify-redux-saga: <\/a><\/h6>\n\n\n\n

Contains the development version of Reactify Admin Template. The main theme that you see on demo url.<\/p>\n\n\n\n

The folder contains lots of subfolder and files. For more information check out the following:<\/p>\n\n\n\n

 
\u251c\u2500\u2500 dist                  # The distribution (production) version of Reactify
\u251c\u2500\u2500 reactify-redux-thunk  # Contains the development version of Reactify Material Admin Template with Redux Thunk.
    \u251c\u2500\u2500 public         # Public \/ Contains index.html
    \u251c\u2500\u2500 src            # Source Directory
            \u251c\u2500\u2500 actions        # Include All Redux Actions
            \u251c\u2500\u2500 api            # Api
            \u251c\u2500\u2500 Auth           # Auth 0 Service
            \u251c\u2500\u2500 assets         # Static assets, styles, icons, etc...
            \u251c\u2500\u2500 components     # App Components
            \u251c\u2500\u2500 constants      # Contains App Settings
            \u251c\u2500\u2500 container      # Include App Layouts
            \u251c\u2500\u2500 firebase       # Include Firebase Config
            \u251c\u2500\u2500 helpers        # Include Helpers
            \u251c\u2500\u2500 lang           # Include App Locales
            \u251c\u2500\u2500 lib            # Include App All Css Files
            \u251c\u2500\u2500 reducers       # Include App Reducers
            \u251c\u2500\u2500 routes         # Include App Routes Modules
            \u251c\u2500\u2500 services       # Include Routes of the Components
            \u251c\u2500\u2500 store          # Stores the Data
            \u251c\u2500\u2500 util           # Include Utility Components
            \u251c\u2500\u2500 index.js       # App Entry File
            \u251c\u2500\u2500 App.js         # App Container Wrapper
    \u251c\u2500\u2500 package.json          # package.json
    \u251c\u2500\u2500 package-lock.json     # package-lock.json
    \u251c\u2500\u2500 README.md             # README.md
    \u251c\u2500\u2500 .eslintrc             # eslint
    \u251c\u2500\u2500 .babelrc              # babel
    \u251c\u2500\u2500 .gitignore            # gitignore
    \u251c\u2500\u2500 webpack.config.js     # Webpack Config
\u251c\u2500\u2500 reactify-redux-saga       # Contains the development version of Reactify Material Admin Template with Redux Saga.
    \u251c\u2500\u2500 public         # Public \/ Contains index.html
    \u251c\u2500\u2500 src            # Source Directory
            \u251c\u2500\u2500 actions        # Include All Redux Actions
            ...
            \u251c\u2500\u2500 sagas          # Include All Authentication Methods
    \u251c\u2500\u2500 package.json          # package.json
    ...
\u251c\u2500\u2500 seed                # Contains the seed version of Reactify Material Admin Template.
   \u251c\u2500\u2500 reactify(redux-thunk)         # Contains the seed version of Reactify Material Admin Template with Redux Thunk.
   \u251c\u2500\u2500 reactify(redux-saga)          # Contains the seed version of Reactify Material Admin Template with Redux Saga.
\u251c\u2500\u2500 documentation.html            # Contains the documentation of Reactify Material Admin Template.
\u251c\u2500\u2500 Reactify_sketch_source.zip    # Contains the sketch files <\/pre>\n\n\n\n
reactify-laraval:<\/a><\/h6>\n\n\n\n
Contains the laravel version of Reactify Admin Template.<\/p>\n
\n    
\n    \n                        <\/i>\n                    <\/a>\n    11    <\/span>\n<\/div>
\n    \n                        <\/i>\n                    <\/a>\n    2<\/span>\n<\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"
Once you download the template from ThemeForest, you will find the below folder structure in the package Folder Structure: Reactify provides two variants for development, they are based on 2 most widely used middleware. Reactify (redux-saga) Redux Saga is a middleware library that aims to make application required functions (i.e. asynchronous things like data fetching […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/pages\/13"}],"collection":[{"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":2,"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/pages\/13\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}