manjitapandey/pgis-toolkit-frontend

Quick start

1. Clone repo using git clone https://github.com/naxa-developers/<Your Project>
2. Run npm i in order to install dependencies.
   
3. Now you can run npm start to see the example app at http://localhost:8080

Features

• React
• Connected React Router
• Redux
• Redux Persist
• Redux Sauce
• Redux Saga
• Immer

Custom Component

  - Table Component (Used for Working on Table Easily,Dynamically).

Custom Hooks

  - usePagination (Used for Working on Pagination Easily without Writing all the Logic
                  repetitively).

Useful Util Functions

  - sortByKey (Used for sorting any array of object with a key given to it and
              the key can be made dynamic as well).

Folder Structure

  -- src/
    -- actions/             -->  for redux actions
    -- assets/              -->  for static assets and styles
    -- components/          -->  for components
        -- common/          -->  for shared components
    -- hooks/               -->  for custom hooks
    -- reducers/            -->  for redux reducers
    -- routes/              -->  for all routes
    -- sagas/               -->  for redux sagas
    -- selectors/           -->  for getting derived state from store
    -- services/            -->  for api requests
    -- utils/               -->  for utility / helper functions
    -- views/               -->  for page specific components / container components

[Help]

If you are having problem using any of those mentioned features (utils, hooks, components) feel free to tell anyone in the frontend channel.