icepy / Typescript React Starter
Licence: lgpl-3.0
🚀 TypeScript [ React + React-Router + Redux + Redux-Thunk ] Starter
Stars: ✭ 132
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Typescript React Starter
React Native Typescript Boilerplate
React Native Typescript starter kit / template (Redux Thunk + React Native Navigation v7 + TSLint)
Stars: ✭ 155 (+17.42%)
Mutual labels: redux-thunk, boilerplate
Pwa Boilerplate
✨ PWA Boilerplate is highly scalable and is designed to help you kick-start your next project 🔭.
Stars: ✭ 82 (-37.88%)
Mutual labels: redux-thunk, boilerplate
React Social Network
Simple React Social Network
Stars: ✭ 409 (+209.85%)
Mutual labels: redux-thunk, boilerplate
Mern Boilerplate
Fullstack boilerplate with React, Redux, Express, Mongoose, Passport Local, JWT, Facebook and Google OAuth out of the box.
Stars: ✭ 112 (-15.15%)
Mutual labels: redux-thunk, boilerplate
Create React App Redux
React Router, Redux, Redux Thunk & Create React App boilerplate
Stars: ✭ 885 (+570.45%)
Mutual labels: redux-thunk, boilerplate
Koa React Universal
lightweight React-Koa2 universal boilerplate, only what is essential
Stars: ✭ 112 (-15.15%)
Mutual labels: redux-thunk, boilerplate
React Mobx State Tree
Create React App with MobX State Tree, Styled Components and GraphQL
Stars: ✭ 127 (-3.79%)
Mutual labels: boilerplate
Hyperapp One
Hyperapp One is a Parcel boilerplate for quickstarting a web application with Hyperapp (V1), JSX, and Prettier.
Stars: ✭ 129 (-2.27%)
Mutual labels: boilerplate
Awesome Apollo Graphql
A curated list of amazingly awesome things regarding Apollo GraphQL ecosystem 🌟
Stars: ✭ 126 (-4.55%)
Mutual labels: boilerplate
Scaffolder
Scaffolder - Increasing dev velocity and standardizing file conventions.
Stars: ✭ 126 (-4.55%)
Mutual labels: boilerplate
Universal Native Boilerplate
Build apps for every native platform with React and React Native
Stars: ✭ 131 (-0.76%)
Mutual labels: boilerplate
Worker Typescript Template
ʕ •́؈•̀) TypeScript template for Cloudflare Workers
Stars: ✭ 129 (-2.27%)
Mutual labels: boilerplate
Koa Vue Fullstack
A lightweight boilerplate for a universal webapp based on koa, mongodb, node, vue, and webpack
Stars: ✭ 126 (-4.55%)
Mutual labels: boilerplate
React Next Boilerplate
🚀 A basis for reducing the configuration of your projects with nextJS, best development practices and popular libraries in the developer community.
Stars: ✭ 129 (-2.27%)
Mutual labels: boilerplate
Django Init
Project template used at Fueled for scaffolding new Django based projects. 💫
Stars: ✭ 126 (-4.55%)
Mutual labels: boilerplate
Next Advanced Apollo Starter
Advanced, but minimalistic Next.js pre-configured starter with focus on DX
Stars: ✭ 131 (-0.76%)
Mutual labels: boilerplate
React Native Template
Minimal template with best practices and automation scripts for improved developer experience.
Stars: ✭ 131 (-0.76%)
Mutual labels: boilerplate
typescript-react-starter
typescript-react-starter 是一个使用CRA编写的 TypeScript Starter 工程，集成了 [ React + React-Router + Redux + Redux-Thunk ]，旨在为移动 Web 应用开发者提供 “开箱即用” 的 TypeScript 样板工程，开发者只需下载此项目，根据范例即可编写复杂大型的 React 应用。
Install
$ git clone [email protected]:icepy/typescript-react-starter.git
$ cd typescript-react-starter
$ yarn
$ npm start
使用浏览器访问 http://localhost:3000/。（更多命令可查看 package.json 的 scripts 字段）
工程结构
- assets 放置图片等文件资源
- components 放置被共享的组件
- pages 放置页面级别的组件
- services 放置本工程依赖的所有请求服务
- store 放置本工程被管理的数据流
- themes 放置本工程主题文件
- third_party 放置依赖的第三方
- typings 放置类型增强
- shared 共享的集合
- App.tsx 应用的容器文件
- index.tsx 入口文件
函数式编程
函数式的好处，非常多，举例不拘。不管是样式还是组件逻辑，我们只有一个原则：组合，我们需要从这样的角度来考虑任何问题。
适配方案
基于iPhone 6来完成设计稿，即 1334 * 750，在编写的时候直接使用 px 单位即可。
必要的注释
时间旅行&操作日志
操作的回溯让我们对某一个业务的变化了如指掌
Component
节点可以打上 tag 或 name，方便于任何一个人来理解业务
Profiler
优化是另一个问题，我们会基于此来展开优化，包括网络，资源文件，store 的大小，react 组合，分割等等方面。
远程回溯
这个事情就能做一个大系统
当用户端发生一个错误时，我们可以将当前节点的数据快照传输到服务端，然后进行错误分析。
CI/CD
我之前一直使用的是gitlab，所以CI/CD是基于 runner 做的。
LICENSE
GNU LESSER GENERAL PUBLIC LICENSE Version 3, 29 June 2007
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].