Gatsby
ΠΠΠ§ΠΠ«Π
Gatsby
ΠΠΠ§ΠΠ«Π
- Π Π΅Π³ΠΈΡΡΡΠ°ΡΠΈΡ
- 10 ΠΠΊΡ 2018
- Π‘ΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ
- 44,440
- ΠΠ°ΠΉΠΊΠΈ
- 204,308
ΠΠ²ΡΠΎΡ: Lectrum
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅: ΠΠΈΠ΄Π΅ΠΎΠΊΡΡΡ ΠΏΠΎ TypeScript (2020)

ΠΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΠΉ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΊΡΡΡ
Π ΡΡΠΎΠΌ ΠΊΡΡΡΠ΅ Π²Ρ ΡΠ·Π½Π°Π΅ΡΠ΅ ΠΏΠΎΡΠ΅ΠΌΡ TypeScript ΡΡΠΎ must-have ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ Π΄Π»Ρ Π»ΡΠ±ΠΎΠ³ΠΎ frontend- ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°. ΠΡ Π΄Π΅ΡΠ°Π»ΡΠ½ΠΎ ΡΠ°Π·Π±Π΅ΡΡΡΠ΅ΡΡ Π² ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ΅ TypeScript, Π° ΡΠ°ΠΊΠΆΠ΅ Π½Π°ΡΡΠΈΡΠ΅ΡΡ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ TypeScript Π²ΠΌΠ΅ΡΡΠ΅ Ρ React, Π²ΠΊΠ»ΡΡΠ°Ρ ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΡ Redux ΠΈ Redux-Saga. ΠΡΠΎΠΌΠ΅ Frontend Π²Ρ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡΠ΅ΡΡ Ρ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΡ TypeScript Π² Backend, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ Node.js Π²ΠΌΠ΅ΡΡΠ΅ Ρ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ°ΠΌΠΈ Express.js ΠΈ Nest.js.
Π‘ ΡΠ°ΠΌΡΡ Π°Π·ΠΎΠ²
ΠΡ ΠΏΠΎΠ΄ΡΠ°Π·ΡΠΌΠ΅Π²Π°Π΅ΠΌ, ΡΡΠΎ Π²Ρ Π½Π΅ Π·Π½Π°ΠΊΠΎΠΌΡ Ρ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠ΅ΠΉ TypeScript, Π½ΠΎ Ρ ΠΎΡΠΈΡΠ΅ ΠΎΡΠ²ΠΎΠΈΡΡ Π΅Ρ c Π½ΡΠ»Ρ. ΠΠ»Ρ ΠΊΠΎΠΌΡΠΎΡΡΠ½ΠΎΠ³ΠΎ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π±ΡΡΡ Π·Π½Π°ΠΊΠΎΠΌΡΠΌ Ρ JavaScript, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅ΡΡ Π±Π°Π·ΠΎΠ²ΠΎΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΏΡΠΎ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ React ΠΈ Node.js.
Π‘ΡΡΡΠΊΡΡΡΠ° ΠΊΡΡΡΠ°:
1. TypeScript. ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅
Π‘ΠΊΠ°ΡΠ°ΡΡ:
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅: ΠΠΈΠ΄Π΅ΠΎΠΊΡΡΡ ΠΏΠΎ TypeScript (2020)

ΠΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΠΉ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΊΡΡΡ
Π ΡΡΠΎΠΌ ΠΊΡΡΡΠ΅ Π²Ρ ΡΠ·Π½Π°Π΅ΡΠ΅ ΠΏΠΎΡΠ΅ΠΌΡ TypeScript ΡΡΠΎ must-have ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ Π΄Π»Ρ Π»ΡΠ±ΠΎΠ³ΠΎ frontend- ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°. ΠΡ Π΄Π΅ΡΠ°Π»ΡΠ½ΠΎ ΡΠ°Π·Π±Π΅ΡΡΡΠ΅ΡΡ Π² ΡΠΈΠ½ΡΠ°ΠΊΡΠΈΡΠ΅ TypeScript, Π° ΡΠ°ΠΊΠΆΠ΅ Π½Π°ΡΡΠΈΡΠ΅ΡΡ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ TypeScript Π²ΠΌΠ΅ΡΡΠ΅ Ρ React, Π²ΠΊΠ»ΡΡΠ°Ρ ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΡ Redux ΠΈ Redux-Saga. ΠΡΠΎΠΌΠ΅ Frontend Π²Ρ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡΠ΅ΡΡ Ρ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΡ TypeScript Π² Backend, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ Node.js Π²ΠΌΠ΅ΡΡΠ΅ Ρ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ°ΠΌΠΈ Express.js ΠΈ Nest.js.
Π‘ ΡΠ°ΠΌΡΡ Π°Π·ΠΎΠ²
ΠΡ ΠΏΠΎΠ΄ΡΠ°Π·ΡΠΌΠ΅Π²Π°Π΅ΠΌ, ΡΡΠΎ Π²Ρ Π½Π΅ Π·Π½Π°ΠΊΠΎΠΌΡ Ρ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠ΅ΠΉ TypeScript, Π½ΠΎ Ρ ΠΎΡΠΈΡΠ΅ ΠΎΡΠ²ΠΎΠΈΡΡ Π΅Ρ c Π½ΡΠ»Ρ. ΠΠ»Ρ ΠΊΠΎΠΌΡΠΎΡΡΠ½ΠΎΠ³ΠΎ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π±ΡΡΡ Π·Π½Π°ΠΊΠΎΠΌΡΠΌ Ρ JavaScript, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅ΡΡ Π±Π°Π·ΠΎΠ²ΠΎΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΏΡΠΎ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ React ΠΈ Node.js.
Π‘ΡΡΡΠΊΡΡΡΠ° ΠΊΡΡΡΠ°:
1. TypeScript. ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅
- ΠΠ±Π·ΠΎΡ ΠΊΡΡΡΠ°
- Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ TypeScript
- Π‘ΡΠ°Π²Π½Π΅Π½ΠΈΠ΅ TypeScript ΠΈ JavaScript
- ΠΡΠ½ΠΎΠ²Π½ΡΠ΅ ΠΏΡΠΈΠ½ΡΠΈΠΏΡ TypeScript
- ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° ΠΎΠΊΡΡΠΆΠ΅Π½ΠΈΡ
- ΠΠ°Π·ΠΎΠ²ΡΠ΅ ΡΠΈΠΏΡ
- Π Π°Π±ΠΎΡΠ° Ρ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΌΠΈ
- ΠΠΎΠΊΡΡΡΠΈΠ΅ ΡΠΈΠΏΠ°ΠΌΠΈ JS ΡΡΠ½ΠΊΡΠΈΠΉ
- ΠΠ½Π°ΠΊΠΎΠΌΡΡΠ²ΠΎ Ρ ΠΠΆΠ΅Π½Π΅ΡΠΈΠΊΠ°ΠΌΠΈ
- ΠΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ Π΄ΠΆΠ΅Π½Π΅ΡΠΈΠΊΠΎΠ²
- ΠΡΠ»ΠΈΡΠΈΡ void ΠΎΡ undefined
- Π Π°Π±ΠΎΡΠ° ΡΠΎ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΌ ΡΠΈΠΏΠΎΠΌ unknown
- Π Π°Π±ΠΎΡΠ° Ρ ΠΊΠΎΡΡΠ΅ΠΆΠ°ΠΌΠΈ
- ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ type
- ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ interface
- Π Π°Π±ΠΎΡΠ° Ρ ΠΊΠ»Π°ΡΡΠ°ΠΌΠΈ
- Π Π°Π±ΠΎΡΠ° c namespaces
- ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ ΠΏΡΠΈ ΡΠ°Π±ΠΎΡΠ΅ Ρ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΎΡΠ°ΠΌΠΈ
- Π Π°Π±ΠΎΡΠ° Ρ ΠΏΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΠΌΠΈ ΡΠΈΠΏΠ°ΠΌΠΈ
- Π Π°Π·Π±ΠΎΡ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΡ ΠΎΡΠΈΠ±ΠΎΠΊ
- ΠΠ±Π·ΠΎΡ ΡΡΠ°ΡΡΠΎΠ²ΠΎΠΉ ΡΠΎΡΠΊΠΈ
- ΠΠ±Π·ΠΎΡ Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠ΅ΠΉ ΠΏΡΠΎΠ΅ΠΊΡΠ°
- Π Π°Π·Π±ΠΎΡ ΡΡΡΡΠΊΡΡΡΡ ΠΏΡΠΎΠ΅ΠΊΡΠ°
- ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΡ React ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ
- ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΡ Redux ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ
- Π Π°Π·Π±ΠΎΡ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΡ ΠΎΡΠΈΠ±ΠΎΠΊ
- ΠΡΠΎΠ΄Π²ΠΈΠ½ΡΡΠ°Ρ ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΡ React ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ
- ΠΡΠΎΠ΄Π²ΠΈΠ½ΡΡΠ°Ρ ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΡ Redux ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ
- ΠΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΡ Redux Saga
- Π Π°Π·Π±ΠΎΡ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΡ ΠΎΡΠΈΠ±ΠΎΠΊ
- Π’ΠΈΠΏΠΈΠ·Π°ΡΠΈΡ REST API ΠΌΠΎΠ΄ΡΠ»Ρ
- Π’ΠΈΠΏΠΈΠ·Π°ΡΠΈΡ Redux Saga Common Workers
- Π Π°Π·Π±ΠΎΡ ΠΏΠΎΠ»Π΅Π·Π½ΡΡ ΡΠ΅Ρ Π½ΠΈΠΊ ΠΏΠΎ ΡΠΈΠΏΠΈΠ·Π°ΡΠΈΠΈ React & Redux ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ
- Π Π°Π·Π±ΠΎΡ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΡ ΠΎΡΠΈΠ±ΠΎΠΊ
- Π’ΠΈΠΏΠΈΠ·Π°ΡΠΈΡ Node.js ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ
- ΠΠΎΠΊΡΡΡΠΈΠ΅ ΡΠΈΠΏΠ°ΠΌΠΈ Express.js ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ
- ΠΠ±ΡΠ°Π±ΠΎΡΠΊΠ° Runtime ΠΎΡΠΈΠ±ΠΎΠΊ Π² ΡΠ²ΡΠ·ΠΊΠ΅ Ρ TypeScript
- Π’ΠΈΠΏΠΈΠ·Π°ΡΠΈΡ Mongoose Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΎΠ²
- ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ ΡΠ°Π±ΠΎΡΡ Ρ Nest.js ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΠΌΠΈ
- Π Π°Π·Π±ΠΎΡ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΡ ΠΎΡΠΈΠ±ΠΎΠΊ
Π‘ΠΊΡΡΡΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π΄ΠΎΡΡΡΠΏΠ½ΠΎ Π΄Π»Ρ Π·Π°ΡΠ΅Π³ΠΈΡΡΡΠΈΡΠΎΠ²Π°Π½Π½ΡΡ
ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ!
Π‘ΠΊΠ°ΡΠ°ΡΡ:
ΠΠ»Ρ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΡΠΊΡΡΡΠΎΠ³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ Π²ΠΎΠΉΡΠΈ ΠΈΠ»ΠΈ Π·Π°ΡΠ΅Π³ΠΈΡΡΡΠΈΡΠΎΠ²Π°ΡΡΡΡ.