You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+32-14
Original file line number
Diff line number
Diff line change
@@ -1,25 +1,42 @@
1
+
<divalign="center">
2
+
1
3
## React & Redux in TypeScript - Static Typing Guide
2
4
3
5
_"This guide is a **living compendium** documenting the most important patterns and recipes on how to use **React** (and its Ecosystem) in a **functional style** using **TypeScript**. It will help you make your code **completely type-safe** while focusing on **inferring the types from implementation** so there is less noise coming from excessive type annotations and it's easier to write and maintain correct types in the long run."_
4
6
5
7
[](https://gitter.im/react-redux-typescript-guide/Lobby)
6
-
> #### _Found it useful? Want more updates?_[**Show your support by giving a :star:**](https://github.com/piotrwitek/react-redux-typescript-guide/stargazers)
7
8
8
-
:tada:_Now updated to be compatible with **TypeScript v3.1.6**_:tada:
9
+
:star:_Found it useful? Want more updates?_[**Show your support by giving a :star:**](https://github.com/piotrwitek/react-redux-typescript-guide/stargazers)
10
+
11
+
:tada:_Now updated to support **TypeScript v3.1**_:tada:
12
+
13
+
<ahref="https://www.buymeacoffee.com/zh9guxbA5">
14
+
<imgsrc="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png"alt="Buy Me a Coffee">
15
+
</a>
16
+
<ahref="https://www.patreon.com/piotrekwitek">
17
+
<imgsrc="https://c5.patreon.com/external/logo/[email protected]"alt="Become a Patron"width="160">
18
+
</a>
9
19
10
-
:computer:_Reference implementation of Todo-App with `typesafe-actions`: https://codesandbox.io/s/github/piotrwitek/typesafe-actions/tree/master/codesandbox_:computer:
20
+
</div>
21
+
22
+
**Goals**
11
23
12
-
### Goals
13
24
- Complete type safety (with [`--strict`](https://www.typescriptlang.org/docs/handbook/compiler-options.html) flag) without losing type information downstream through all the layers of our application (e.g. no type assertions or hacking with `any` type)
14
25
- Make type annotations concise by eliminating redundancy in types using advanced TypeScript Language features like **Type Inference** and **Control flow analysis**
15
26
- Reduce repetition and complexity of types with TypeScript focused [complementary libraries](#complementary-libraries)
16
27
17
-
### Complementary Libraries
18
-
-[utility-types](https://github.com/piotrwitek/utility-types) - Collection of generic types for TypeScript, complementing built-in mapped types and aliases - think lodash for reusable types.
28
+
**React, Redux, Typescript Ecosystem**
29
+
19
30
-[typesafe-actions](https://github.com/piotrwitek/typesafe-actions) - Typesafe utilities for "action-creators" in Redux / Flux Architecture
20
-
-[react-redux-typescript-scripts](https://github.com/piotrwitek/react-redux-typescript-scripts) - dev-tools configuration files shared between projects based on this guide
31
+
-[utility-types](https://github.com/piotrwitek/utility-types) - Collection of generic types for TypeScript, complementing built-in mapped types and aliases - think lodash for reusable types.
32
+
-[react-redux-typescript-scripts](https://github.com/piotrwitek/react-redux-typescript-scripts) - dev-tools configuration files shared between projects based on this guide
33
+
34
+
**Codesandbox links**
35
+
36
+
- Reference Todo-App implementation using **React, Redux, Typescript Guide**: [Link](https://codesandbox.io/s/github/piotrwitek/typesafe-actions/tree/master/codesandbox)
You should check out Playground Project located in the `/playground` folder. It is a source of all the code examples found in the guide. They are all tested with the most recent version of TypeScript and 3rd party type-definitions (like `@types/react` or `@types/react-redux`) to ensure the examples are up-to-date and not broken with updated definitions. It's based on `create-react-app --typescript`.
@@ -28,19 +45,19 @@ You should check out Playground Project located in the `/playground` folder. It
28
45
## Contributing Guide
29
46
We are open for contributions. If you're planning to contribute please make sure to read the contributing guide: [CONTRIBUTING.md](/CONTRIBUTING.md)
30
47
31
-
## Sponsor
48
+
## Funding
32
49
This is an independent open-source project created by people investing their free time for the benefit of our community.
33
50
34
51
If you are using it please consider donating as this will guarantee the project will be updated and maintained in the long run.
35
52
36
-
Issues can be funded by anyone and the money will be transparently distributed to the contributors handling a particular issue.
53
+
Issues can be funded by anyone interested in them being resolved. Reward will be transparently distributed to the contributor handling the task through the IssueHunt platform.
37
54
38
55
[](https://issuehunt.io/repos/76996763)
Copy file name to clipboardExpand all lines: README_SOURCE.md
+32-14
Original file line number
Diff line number
Diff line change
@@ -1,25 +1,42 @@
1
+
<divalign="center">
2
+
1
3
## React & Redux in TypeScript - Static Typing Guide
2
4
3
5
_"This guide is a **living compendium** documenting the most important patterns and recipes on how to use **React** (and its Ecosystem) in a **functional style** using **TypeScript**. It will help you make your code **completely type-safe** while focusing on **inferring the types from implementation** so there is less noise coming from excessive type annotations and it's easier to write and maintain correct types in the long run."_
4
6
5
7
[](https://gitter.im/react-redux-typescript-guide/Lobby)
6
-
> #### _Found it useful? Want more updates?_[**Show your support by giving a :star:**](https://github.com/piotrwitek/react-redux-typescript-guide/stargazers)
7
8
8
-
:tada:_Now updated to be compatible with **TypeScript v3.1.6**_:tada:
9
+
:star:_Found it useful? Want more updates?_[**Show your support by giving a :star:**](https://github.com/piotrwitek/react-redux-typescript-guide/stargazers)
10
+
11
+
:tada:_Now updated to support **TypeScript v3.1**_:tada:
12
+
13
+
<ahref="https://www.buymeacoffee.com/zh9guxbA5">
14
+
<imgsrc="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png"alt="Buy Me a Coffee">
15
+
</a>
16
+
<ahref="https://www.patreon.com/piotrekwitek">
17
+
<imgsrc="https://c5.patreon.com/external/logo/[email protected]"alt="Become a Patron"width="160">
18
+
</a>
9
19
10
-
:computer:_Reference implementation of Todo-App with `typesafe-actions`: https://codesandbox.io/s/github/piotrwitek/typesafe-actions/tree/master/codesandbox_:computer:
20
+
</div>
21
+
22
+
**Goals**
11
23
12
-
### Goals
13
24
- Complete type safety (with [`--strict`](https://www.typescriptlang.org/docs/handbook/compiler-options.html) flag) without losing type information downstream through all the layers of our application (e.g. no type assertions or hacking with `any` type)
14
25
- Make type annotations concise by eliminating redundancy in types using advanced TypeScript Language features like **Type Inference** and **Control flow analysis**
15
26
- Reduce repetition and complexity of types with TypeScript focused [complementary libraries](#complementary-libraries)
16
27
17
-
### Complementary Libraries
18
-
-[utility-types](https://github.com/piotrwitek/utility-types) - Collection of generic types for TypeScript, complementing built-in mapped types and aliases - think lodash for reusable types.
28
+
**React, Redux, Typescript Ecosystem**
29
+
19
30
-[typesafe-actions](https://github.com/piotrwitek/typesafe-actions) - Typesafe utilities for "action-creators" in Redux / Flux Architecture
20
-
-[react-redux-typescript-scripts](https://github.com/piotrwitek/react-redux-typescript-scripts) - dev-tools configuration files shared between projects based on this guide
31
+
-[utility-types](https://github.com/piotrwitek/utility-types) - Collection of generic types for TypeScript, complementing built-in mapped types and aliases - think lodash for reusable types.
32
+
-[react-redux-typescript-scripts](https://github.com/piotrwitek/react-redux-typescript-scripts) - dev-tools configuration files shared between projects based on this guide
33
+
34
+
**Codesandbox links**
35
+
36
+
- Reference Todo-App implementation using **React, Redux, Typescript Guide**: [Link](https://codesandbox.io/s/github/piotrwitek/typesafe-actions/tree/master/codesandbox)
You should check out Playground Project located in the `/playground` folder. It is a source of all the code examples found in the guide. They are all tested with the most recent version of TypeScript and 3rd party type-definitions (like `@types/react` or `@types/react-redux`) to ensure the examples are up-to-date and not broken with updated definitions. It's based on `create-react-app --typescript`.
@@ -28,19 +45,19 @@ You should check out Playground Project located in the `/playground` folder. It
28
45
## Contributing Guide
29
46
We are open for contributions. If you're planning to contribute please make sure to read the contributing guide: [CONTRIBUTING.md](/CONTRIBUTING.md)
30
47
31
-
## Sponsor
48
+
## Funding
32
49
This is an independent open-source project created by people investing their free time for the benefit of our community.
33
50
34
51
If you are using it please consider donating as this will guarantee the project will be updated and maintained in the long run.
35
52
36
-
Issues can be funded by anyone and the money will be transparently distributed to the contributors handling a particular issue.
53
+
Issues can be funded by anyone interested in them being resolved. Reward will be transparently distributed to the contributor handling the task through the IssueHunt platform.
37
54
38
55
[](https://issuehunt.io/repos/76996763)
0 commit comments