Following tools are used in this project:
- Reactjs
- Typescript
- Jest + Enzyme
- Storybook
Develepoment setup is rather simple. First install dependencies using npm i
then run npm run dev
.
Webpack automatically watches and updates files. No webpack-dev-server
is currently needed.
- Unit Testing is set up under
npm run test
command. - Visual testing / documentation is set up under
npm run storybook
command
npm run prod
Actions and reducers are conteainer (view) wide. Everything is imported in index.ts from view components.
Redux State:
{
SearchResults: {
query: string;
movies?: array;
sorting: string;
filter: string;
},
MovieDetails: {
id: number;
similarMovies: array;
}
fetching: {
status: boolean,
error: "false" | {}
}
UI: {
spinner: true;
}
}