react-redux-typescript-guide

开源

使用 TypeScript 在“ React & Redux” apps 中静态打字的完整指南

13.3K stars0 点赞0 次浏览

工具介绍

使用 TypeScript 在“ React & Redux” apps 中静态打字的完整指南

目标 - 完整类型安全(带有-限制性旗帜),不通过我们应用程序的所有层下游丢失类型信息(例如,没有类型断言或与任何类型黑客) - 采用先进的TypeScript语言特性,如类型推论和控制流分析,消除类型中的冗余,作出类型说明 - 减少类型重复和复杂程度与TypeScript焦点互补库 React, Redux, TypeScript生态系统 - 类型安全行动 - Redux /Flux Architecture - 通用类型收集TypeScript, 补充内建图类型和化名 - 为可再使用类型而想出旋律. - recent-redux-TypeScript-scripts - 基于此指南在项目之间共享的dev-tools配置文件例子 - Todo-App游乐场:代码-Dext-App - React, Redux, TypeScript - Real World A..

核心特点

•Complete type safety (with --strict flag) without losing type information downstream through all the layers of our application (e.g. no type assertions or hacking with any type)
•Make type annotations concise by eliminating redundancy in types using advanced TypeScript Language features like Type Inference and Control flow analysis
•Reduce repetition and complexity of types with TypeScript focused complementary libraries
•typesafe-actions - Typesafe utilities for "action-creators" in Redux / Flux Architecture
•utility-types - Collection of generic types for TypeScript, complementing built-in mapped types and aliases - think lodash for reusable types.
•react-redux-typescript-scripts - dev-tools configuration files shared between projects based on this guide
•Todo-App playground: Codesandbox
•React, Redux, TypeScript - RealWorld App: Github | Demo
•React Types Cheatsheet
•React.FC<Props> | React.FunctionComponent<Props>