https://github.com/phodal/growth
Growth 3.0 with React Native - an app to help you to be Awesome Developer
https://github.com/phodal/growth
Last synced: about 2 months ago
JSON representation
Growth 3.0 with React Native - an app to help you to be Awesome Developer
- Host: GitHub
- URL: https://github.com/phodal/growth
- Owner: phodal
- License: other
- Created: 2017-05-05T04:57:00.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2017-09-15T08:27:22.000Z (almost 8 years ago)
- Last Synced: 2025-04-12T14:55:25.656Z (3 months ago)
- Language: JavaScript
- Homepage: http://growth.ren/
- Size: 13 MB
- Stars: 1,279
- Watchers: 59
- Forks: 143
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- my-awesome - phodal/growth - 09 star:1.3k fork:0.1k Growth 3.0 with React Native - an app to help you to be Awesome Developer (JavaScript)
README
# Growth - an app to help you **Be Awesome Developer**
[](https://travis-ci.org/phodal/growth)
[](https://coveralls.io/github/phodal/growth?branch=master)
[](https://codeclimate.com/github/phodal/growth)
Growth 1.0, 2.0：https://github.com/phodal/growth-v2
Download：
应用宝：[http://a.app.qq.com/o/simple.jsp?pkgname=ren.growth](http://a.app.qq.com/o/simple.jsp?pkgname=ren.growth)
**QQ交流群: 529600394，我的微信公众号: phodal**
有钱捧个钱场:
Features
---
### Algorithm Visualizer
base on [AlgorithmVisualizer](https://github.com/parkjs814/AlgorithmVisualizer)
### Regexper
base on [Regexper](https://github.com/javallone/regexper-static)
### inside VS Code Editor: Monaco Editor
base on [Monaco Editor](https://github.com/Microsoft/monaco-editor)
### FullStack SkillTree
### Developer Roadmap
### LeetCode for Offline
### Growth - be awesome developer
### Free Book Lists & Awesome awesome
base on [免费的编程中文书籍索引](https://github.com/justjavac/free-programming-books-zh_CN)
base on [Awesome](https://github.com/sindresorhus/awesome)
### Discover
### Design Pattern
base on [Design Patterns for Humans](https://github.com/kamranahmedse/design-patterns-for-humans)
TODO
---
等实现：
- 技术点数
待优化：
- 社区
- 新版技能树
- 点击图片进入全屏： https://github.com/oblador/react-native-lightbox
技术栈
---
- [React Native](https://facebook.github.io/react-native/)
- [React Native Elements](https://react-native-training.github.io/react-native-elements/)：UI 框架
- [React Native Router Flux](https://www.npmjs.com/package/react-native-router-flux)：路由控制
- [React Native Vector Icons](https://github.com/oblador/react-native-vector-icons)：图标组件
- [Jest](http://facebook.github.io/jest/)：单元测试框架
- [React Test Renderer](https://github.com/pselden/react-render-test)：UI 测试框架
ESLint Style: [Airbnb](https://github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb)
Join us
---
### Setup
**iOS 要求**：XCode 8.3.2+
1. 安装 yarn 或者 npm
2. 安装 react-native-cli：``yarn global add react-native-cli``
3. 安装依赖： ``yarn install``
4. 链接原生库：``react-native link``
5. 添加子模块：``git submodule init && git submodule update``
6. 执行 package 来复制 WebView 内容：``./e2e/ios-package.sh``
7. 运行 Demo：``react-native run-ios``
### Workflow
1. 获取上游最新代码：``git pull --rebase``
2. 添加修改功能，**小步提交**，即实现某个小功能就本地小步提交一次。如：
1. 添加某个库，提交一次。
2. 完成 UI 设计，提交一次。
3. 完成功能，提交一次。
4. 编写测试，提交一次。
5. 修复 Lint，提交一次。
3. 编写、运行测试 ``npm test``
4. 执行 lint 检测 ``npm run lint``
5. 提交到服务器
6. 来一个 Pull Request
### 提交信息规范
建议提交信息按如下规范：
```
[任务分类] 主要修改组件：修改内容
```
示例 1，``[T] tabs: add icons`` 。其中的 ``T`` 表示这是一个技术卡，``tabs`` 表示修改的是 Tabs，``add icons`` 则表示添加了图标。
示例 2，``[SkillTree] detail: add link data``。其中的 ``SkillTree`` 表示修改的是技能树 Tab 下的内容，``detail`` 则表示修改的是详情页，``add link data`` 则表示是添加了技能的数据
### 打包
项目自带的 keystore 是用下面命令生成的，仅用于测试：
> $ keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000
### UI Test: appnium
Thanks to: [http://chase-seibert.github.io/blog/2017/01/06/appium-react-native-quickstart.html](http://chase-seibert.github.io/blog/2017/01/06/appium-react-native-quickstart.html)
**Setup**
1. install basic libs
```
brew install libimobiledevice --HEAD
brew install carthage
```
2. install appium
```
npm install -g appium ios-deploy wd
```
3. install xcpretty
```
gem install xcpretty # optional
```
4. test ``appium`` command
```
appium
```
5. create ``virtualenv``
```
virtualenv venv
. venv/bin/activate
pip install -r requirements.txt
```
6. run test
```
py.test e2e/*.py
```
Release && Deploy
---
```
brew cask install fastlane
```
Documents
---
**Growth 内容 API**
地址：[https://github.com/GrowthStudio/growth-content](https://github.com/GrowthStudio/growth-content)
**探索 API**
名称 | API 地址
------------------|-----------------
文章合集 | https://phodal.coding.me/growth/articles/api/all.json
学习路线 | https://phodal.coding.me/growth/awesome/api/all.json
我的职业是前端工程师 | https://phodal.coding.me/growth/fe/api/all.json
Growth 实战指南 | https://phodal.coding.me/growth/growth-in-action/api/all.json
ideabook项目集 | https://phodal.coding.me/growth/ideabook/api/all.json
练手项目 | https://phodal.coding.me/growth/project/api/all.json
工具箱 | https://phodal.coding.me/growth/toolbox/api/all.json
开源书列表 | https://phodal.github.io/growth-api-gitbook/api.json
Awesome 项目列表 | https://phodal.github.io/growth-api-awesome/api/awesomes.json
社区 API 文档： [Growth NG Wiki](https://github.com/phodal/growth-ng/wiki)
Thanks to
---
- [React Native Starter APP](https://github.com/mcnamee/react-native-starter-app)
- [免费的编程中文书籍索引](https://github.com/justjavac/free-programming-books-zh_CN)
- [Regex Hub](https://github.com/lukehaas/RegexHub)
- [regexper-static](https://github.com/javallone/regexper-static)
License
---
[](http://ideas.phodal.com/)
© 2015~2017 A [Phodal Huang](https://www.phodal.com)'s [Idea](http://github.com/phodal/ideas). This code is distributed under the MIT license. See `LICENSE` in this directory.
[AlgorithmVisualizer](https://github.com/parkjs814/AlgorithmVisualizer) Copyright (c) 2016 Jason Park
[Regexper](https://github.com/javallone/regexper-static) Copyright (c) 2014 Jeffrey Avallone
[Design Patterns for Humans](https://github.com/kamranahmedse/design-patterns-for-humans) Copyright 2017 Kamran Ahmed