Skip to content

Commit 864443b

Browse files
TOP-10-DEVTOP-10-DEV
committed
Merge pull request #95 from sw-yx/sw-yx-add-logo
add logo v1
2 parents fed6348 + 825eae7 commit 864443b

File tree

4 files changed

+109
-5
lines changed

4 files changed

+109
-5
lines changed

‎ADVANCED.md

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,29 @@
1+
<div align="center">
2+
3+
<a href="https://github.com/sw-yx/react-typescript-cheatsheet/issues/81">
4+
<img
5+
height="90"
6+
width="90"
7+
alt="react + ts logo"
8+
src="https://user-images.githubusercontent.com/6764957/53868378-2b51fc80-3fb3-11e9-9cee-0277efe8a927.png"
9+
align="left"
10+
/>
11+
</a>
12+
13+
<p>Cheatsheets for experienced React developers getting started with TypeScript</p>
14+
15+
[**Basic**](https://github.com/sw-yx/react-typescript-cheatsheet#basic-cheatsheet-table-of-contents) |
16+
[**Advanced**](https://github.com/sw-yx/react-typescript-cheatsheet/blob/master/ADVANCED.md) |
17+
[**Migrating**](https://github.com/sw-yx/react-typescript-cheatsheet/blob/master/MIGRATING.md) |
18+
[**HOC**](https://github.com/sw-yx/react-typescript-cheatsheet/blob/master/HOC.md) |
19+
[中文翻译](https://github.com/fi3ework/blog/tree/master/react-typescript-cheatsheet-cn) |
20+
[Contribute!](https://github.com/sw-yx/react-typescript-cheatsheet/blob/master/CONTRIBUTING.md) |
21+
[Ask!](https://github.com/sw-yx/react-typescript-cheatsheet/issues/new/choose)
22+
23+
</div>
24+
25+
---
26+
127
# Advanced Cheatsheet
228

329
**This Advanced Cheatsheet** helps show and explain advanced usage of generic types for people writing reusable type utilities/functions/render prop/higher order components and TS+React **libraries**.

‎HOC.md

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,29 @@
1+
<div align="center">
2+
3+
<a href="https://github.com/sw-yx/react-typescript-cheatsheet/issues/81">
4+
<img
5+
height="90"
6+
width="90"
7+
alt="react + ts logo"
8+
src="https://user-images.githubusercontent.com/6764957/53868378-2b51fc80-3fb3-11e9-9cee-0277efe8a927.png"
9+
align="left"
10+
/>
11+
</a>
12+
13+
<p>Cheatsheets for experienced React developers getting started with TypeScript</p>
14+
15+
[**Basic**](https://github.com/sw-yx/react-typescript-cheatsheet#basic-cheatsheet-table-of-contents) |
16+
[**Advanced**](https://github.com/sw-yx/react-typescript-cheatsheet/blob/master/ADVANCED.md) |
17+
[**Migrating**](https://github.com/sw-yx/react-typescript-cheatsheet/blob/master/MIGRATING.md) |
18+
[**HOC**](https://github.com/sw-yx/react-typescript-cheatsheet/blob/master/HOC.md) |
19+
[中文翻译](https://github.com/fi3ework/blog/tree/master/react-typescript-cheatsheet-cn) |
20+
[Contribute!](https://github.com/sw-yx/react-typescript-cheatsheet/blob/master/CONTRIBUTING.md) |
21+
[Ask!](https://github.com/sw-yx/react-typescript-cheatsheet/issues/new/choose)
22+
23+
</div>
24+
25+
---
26+
127
# HOC Cheatsheet
228

329
**This HOC Cheatsheet** compiles all available knowledge for writing Higher Order Components with React and TypeScript.

‎MIGRATING.md

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,29 @@
1+
<div align="center">
2+
3+
<a href="https://github.com/sw-yx/react-typescript-cheatsheet/issues/81">
4+
<img
5+
height="90"
6+
width="90"
7+
alt="react + ts logo"
8+
src="https://user-images.githubusercontent.com/6764957/53868378-2b51fc80-3fb3-11e9-9cee-0277efe8a927.png"
9+
align="left"
10+
/>
11+
</a>
12+
13+
<p>Cheatsheets for experienced React developers getting started with TypeScript</p>
14+
15+
[**Basic**](https://github.com/sw-yx/react-typescript-cheatsheet#basic-cheatsheet-table-of-contents) |
16+
[**Advanced**](https://github.com/sw-yx/react-typescript-cheatsheet/blob/master/ADVANCED.md) |
17+
[**Migrating**](https://github.com/sw-yx/react-typescript-cheatsheet/blob/master/MIGRATING.md) |
18+
[**HOC**](https://github.com/sw-yx/react-typescript-cheatsheet/blob/master/HOC.md) |
19+
[中文翻译](https://github.com/fi3ework/blog/tree/master/react-typescript-cheatsheet-cn) |
20+
[Contribute!](https://github.com/sw-yx/react-typescript-cheatsheet/blob/master/CONTRIBUTING.md) |
21+
[Ask!](https://github.com/sw-yx/react-typescript-cheatsheet/issues/new/choose)
22+
23+
</div>
24+
25+
---
26+
127
# Migrating (to TypeScript) Cheatsheet
228

329
This Cheatsheet collates advice and utilities from real case studies of teams moving significant codebases from plain JS or Flow over to TypeScript. It makes no attempt to _convince_ people to do so, but we do collect what few statistics companies offer up after their conversion experience.

‎README.md

Lines changed: 31 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,39 @@
1-
:wave: This repo is maintained by [@swyx](https://twitter.com/swyx), [@IslamAttrash](https://twitter.com/IslamAttrash) and [@ferdaber](https://twitter.com/ferdaber), we're so happy you want to try out TypeScript with React! This is meant to be a guide for React developers familiar with the concepts of TypeScript but who are just getting started writing their first React + TypeScript apps. If you see anything wrong or missing, please [file an issue](https://github.com/sw-yx/react-typescript-cheatsheet/issues/new)! :+1:
1+
<div align="center">
2+
<h1>React+TypeScript Cheatsheets</h1>
3+
4+
<a href="https://github.com/sw-yx/react-typescript-cheatsheet/issues/81">
5+
<img
6+
height="90"
7+
width="90"
8+
alt="react + ts logo"
9+
src="https://user-images.githubusercontent.com/6764957/53868378-2b51fc80-3fb3-11e9-9cee-0277efe8a927.png"
10+
align="left"
11+
/>
12+
</a>
13+
14+
<p>Cheatsheets for experienced React developers getting started with TypeScript</p>
15+
16+
[**Basic**](https://github.com/sw-yx/react-typescript-cheatsheet#basic-cheatsheet-table-of-contents) |
17+
[**Advanced**](https://github.com/sw-yx/react-typescript-cheatsheet/blob/master/ADVANCED.md) |
18+
[**Migrating**](https://github.com/sw-yx/react-typescript-cheatsheet/blob/master/MIGRATING.md) |
19+
[**HOC**](https://github.com/sw-yx/react-typescript-cheatsheet/blob/master/HOC.md) |
20+
[中文翻译](https://github.com/fi3ework/blog/tree/master/react-typescript-cheatsheet-cn) |
21+
[Contribute!](https://github.com/sw-yx/react-typescript-cheatsheet/blob/master/CONTRIBUTING.md) |
22+
[Ask!](https://github.com/sw-yx/react-typescript-cheatsheet/issues/new/choose)
23+
24+
</div>
25+
26+
---
27+
28+
<div align="center">
229

3-
Translations:
30+
:wave: This repo is maintained by [@swyx](https://twitter.com/swyx), [@ferdaber](https://twitter.com/ferdaber) and [@IslamAttrash](https://twitter.com/IslamAttrash), we're so happy you want to try out TypeScript with React! If you see anything wrong or missing, please [file an issue](https://github.com/sw-yx/react-typescript-cheatsheet/issues/new/choose)! :+1:
431

5-
- [中文翻译](https://github.com/fi3ework/blog/tree/master/react-typescript-cheatsheet-cn) _maintained by [@fi3ework](https://github.com/fi3ework/blog/tree/master/react-typescript-cheatsheet-cn)_
6-
- Your language here?
32+
</div>
733

834
---
935

10-
## React + TypeScript Cheatsheets
36+
## All React + TypeScript Cheatsheets
1137

1238
- **The Basic Cheatsheet** ([`/README.md`](/README.md)) is focused on helping React devs just start using TS in React **apps**
1339
- focus on opinionated best practices, copy+pastable examples

0 commit comments

Comments
 (0)