Skip to content

Latest commit

 

History

History
52 lines (34 loc) · 1.18 KB

murali_notes.md

File metadata and controls

52 lines (34 loc) · 1.18 KB

Exchange UI

This was made by cloning this cool project

Add services in src/services, wire them to src/services/index.ts

Add features in src/features, wire each feature's Actions and Epics to store/root-{actions,epics, reducers}.ts

Add routes in src/routes, invoke them in App.tsx

imported global css in index.tsx

install auth0-js Edit App.tsx

  • Add bunch of Auth0 stuff

src/index.tsx

  • Inserts <App> into DOM tag root
  • service worker unregister

App

  • initialize store Interesting wiring happens here
    • import rootReducer, rootEpic, services from their locations
    • createEpicMiddleware passing services as dependencies use types RootAction, RootState and Services for type safety
    • compose them
    • createStore passing rootReducer aand the composed epicMiddleware so that the epicMiddleware will receive Redux actions
    • epicMiddleware.run(rootEpic)
  • Provider store

route component Home

- layout **Main**

  + load _Main.css_
  + app-header
  + app-main

features/.../TodosView

TodoListActions
AddTodoForm
TodoList