Obłożenie projektów - FrontEnd
Framework: ReactJS
Tech: JWToken
Main code structure:
- Redux Provider
- Persist Gate
- Connected Router
- Main Application
Store:
- Middleware: History + Thunk
- PersistedReducer
- PersistConfig
- Combine: All stock reducers, Router reducer, Form reducer
- ComposeEnhancers: Redux DEV tools || compose
Store: PersistedReducer + ComposeEnhancers(Middleware)
Persistor: persistStore(Store)
./actions Redux actions ./api API implementation and mocks ./auth Authentication-related scripts ./components React components /common Generic components, reusable / Components related to specific functionality or view ./containers Containers for React logic and components /login Login system /main Main application /header Top-side of the application content /menu Left-side of the application content ./creators Wrappers for secured components(private) ./reducers React reducers ./scss SCSS styles ./store Store creator(index)
./src/index.js
Application entry-point (main render)
./src/constants.js
Text constants for React action labels
./src/containers/App.js
Main application router (login or main)
./src/containers/PrivateRouteContainer.js
Wrapper for secure path location
./src/containers/MainContainer.js
Main application wrapper (header plus content area)
./src/containers/Content.js
Contains all main decentralized routing and a generic confirmation modal window