SkirdaElectronLauncher/typings/redux-augment.d.ts

import { StoreType } from '../src/renderer/redux/store'

declare module 'react-redux' {
    // eslint-disable-next-line @typescript-eslint/no-empty-interface
    export interface DefaultRootState extends StoreType {}
}
Add loading UI, add view transition animations. Framework is in place to run initial load on app startup. These routines will be called in Application's initLoad function. The loader will run for a min of 800ms to prevent it from looking odd on the UI. This can be reduced/changed later if this turns out to not be a concern. Added an app reducer to redux. The loading state was initially going to be there. On further inspection, it seemed better to have it as a state variable in the Application component. It remains in the store for now as an example. The pattern is valid and will be used for other proprties. Added animations for view transitions. On v1, this was done with jquery. Here, we are using react-transition-group. Got it working with a clever trick to store a workingView and use that for rendering. When the currentView is changed by the redux store, the fade out transition will start. Once the fade out completes, the workingView reference will be updated to the new view, triggering the fade in. 2020-05-26 05:50:55 +00:00			`import { StoreType } from '../src/renderer/redux/store'`

			`declare module 'react-redux' {`
			`// eslint-disable-next-line @typescript-eslint/no-empty-interface`
			`export interface DefaultRootState extends StoreType {}`
			`}`