Skip to content

Commit 67bf21b

Browse files
jeevasusejjeevasusej
committed
reverted to old sample
1 parent 77b2d2f commit 67bf21b

File tree

1 file changed

+7
-98
lines changed

1 file changed

+7
-98
lines changed

‎docs/index.html‎

Lines changed: 7 additions & 98 deletions
Original file line numberDiff line numberDiff line change
@@ -66,106 +66,15 @@
6666
<body>
6767
<noscript>You need to enable JavaScript to run this app.</noscript>
6868
<div id="root">
69-
<p>
70-
This project was bootstrapped with
71-
<a href="https://github.com/facebook/create-react-app">Create React App</a>.
72-
</p>
73-
<h4 id="packages-used-with-this-project.">Packages used with this project.</h4>
74-
<ul>
75-
<li><a href="https://redux.js.org/">redux</a> - A predictable state container for JavaScript apps</li>
76-
<li><a href="https://github.com/reduxjs/react-redux">react-redux</a> - React bindings for Redux</li>
77-
<li>
78-
<a href="https://redux-saga.js.org/">redux-saga</a> - Redux-saga is a redux middleware library, that
79-
is designed to make handling side effects in your redux app
80-
</li>
81-
<li><a href="https://reacttraining.com/react-router/web/guides/quick-start">react-router-dom</a></li>
82-
<li>
83-
<a href="https://redux-dynamic-modules.js.org/#/">redux-dynamic-modules</a> - Modularize Redux by
84-
dynamically loading reducers and middlewares
85-
</li>
86-
<li>
87-
<a href="https://github.com/supasate/connected-react-router">connected-react-router</a> - A Redux
88-
binding for React Router v4 - This can be removed based on your need. It is not mandatory
89-
</li>
90-
<li>
91-
<a href="https://github.com/axios/axios">axios</a> - Promise based HTTP client for the browser and
92-
node.js
93-
</li>
94-
<li><a href="https://material-ui.com/">material-ui</a> - React components for material design</li>
95-
<li>
96-
<a href="https://github.com/lukeed/clsx">clsx</a> - A tiny utility for constructing
97-
<code>className</code> strings conditionally
98-
</li>
99-
<li>
100-
<a href="https://github.com/ctimmerm/axios-mock-adapter">axios-mock-adapter</a> (Need to be removed
101-
after API implementation) - Axios adapter that allows to easily mock requests
102-
</li>
103-
</ul>
104-
<h4 id="development-dependencies---refer-the-below-links-for-static-type-checking-implementation">
105-
Development Dependencies - Refer the below links for Static Type Checking implementation
106-
</h4>
107-
<ul>
108-
<li>
109-
<a href="https://github.com/typescript-cheatsheets/react-typescript-cheatsheet"
110-
>react-typescript-cheatsheet</a
69+
<div class="App">
70+
<header class="App-header">
71+
<img src="logo.svg" class="App-logo" alt="logo" />
72+
73+
<a class="App-link" href="https://github.com/jeevasusej/react-redux-typescript-starter-kit" target="_blank" rel="noopener noreferrer"
74+
>react-redux-typescript-starter-kit</a
11175
>
112-
</li>
113-
<li>
114-
<a href="https://github.com/piotrwitek/react-redux-typescript-guide"
115-
>react-redux-typescript-guide</a
116-
>
117-
</li>
118-
<li>
119-
<a href="https://github.com/piotrwitek/typesafe-actions">typesafe-actions</a> - Typesafe utilities
120-
for &quot;action-creators&quot; in Redux / Flux Architecture -<a
121-
href="https://github.com/piotrwitek/utility-types"
122-
>utility-types</a
123-
>
124-
- Collection of utility types, complementing TypeScript built-in mapped types and aliases
125-
</li>
126-
</ul>
127-
<h4 id="eslint-and-prettier-for-development">Eslint and Prettier for development</h4>
128-
<ul>
129-
<li><a href="https://github.com/prettier/eslint-config-prettier">eslint-config-prettier</a></li>
130-
<li><a href="https://github.com/prettier/eslint-plugin-prettier">eslint-plugin-prettier</a></li>
131-
<li><a href="https://www.npmjs.com/package/eslint-plugin-react-hooks">eslint-plugin-react-hooks</a></li>
132-
<li><a href="https://prettier.io/">Prettier</a></li>
133-
</ul>
134-
<h4 id="project-folder-structure">Project Folder Structure</h4>
135-
<div class="figure">
136-
<img
137-
src="folder_structure.PNG"
138-
alt="Folder structure"
139-
/>
140-
<p class="caption">Folder structure</p>
76+
</header>
14177
</div>
142-
<p>
143-
Based on the redux dynamic modules, features splitted as module. App inital configuration can be found
144-
inside the shared/config folder. - configureStore.ts - configuration for setup for the initial app -
145-
rootModule.ts - Root module (Redux-dynamic-module) for the redux store - theme.ts - Customized theme
146-
configuration for the application. It is based on the react material ui. - types.ts - Root type for
147-
redux pros and actions. This type intersect with the upcoming types for
148-
<a href="https://www.typescriptlang.org/docs/handbook/advanced-types.html#union-types"
149-
>static checking</a
150-
>
151-
</p>
152-
<p>
153-
Each feature module can contain the following default folders. - actions - Actions for the react redux -
154-
api - All api related functionality goes here - components - Feature module components, which is not
155-
connected to the redux - containers - Redux HOC - all the containers goes here - module - Redux dynamic
156-
module file has been declared in this folder. Folder can be removed. - reducers - Feature module's
157-
reducers - saga - Side effects related to feature module - types - Types related to feature module -
158-
styles - Styles for current feature
159-
</p>
160-
<h4 id="routes">Routes</h4>
161-
<p>
162-
Nested routes added to this started kit. Home represents routes after logged in. Landing represents -
163-
routes before login. This is useful and handy when we have different kind of layout for the landing
164-
pages and the dashboard pages. The layout folder contains common components shared with Home and
165-
Landing. These routes contain the common layout that can be shared with the feature module.
166-
</p>
167-
<h3 id="feature-folder">Feature folder</h3>
168-
<p>All feature related develoment will goes here.</p>
16978
</div>
17079
</body>
17180
</html>

0 commit comments

Comments
 (0)