开源编程学习应用 Growth 发布 3.0,在碎片时间里练习

前端之家收集整理的这篇文章主要介绍了开源编程学习应用 Growth 发布 3.0,在碎片时间里练习前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Growth 1.0~2.0 已经有 2101 次提交,而 Growth 3.0 则已经拥有了 900+ 提交。这意味着 Growth 整个项目有多达 3000 次提交,感谢每一个为 Growth 项目作为贡献的开源先锋。

特别感谢:@travelgeezer 为 Growth 3.0 编写了大量的功能

现在,让我来开启装逼模式。

使用 React Native 重写,性能提升了 N + 1 倍

在 Growth 1.x 里,我们使用了 Ionic 1.x + Angular 1.x 来开发,而当时 Angular 1.x 已经过时了。

在 Growth 2.x 里,我们使用了 Ionic 2.x + Angular 2.x~4.x 重写了一遍,而我们发现性能不能让人满意。

因此在 Growth 3.x 里,我们使用了 React Native 重写了整个应用,再一次。

使用 React Native,从开发速度上来说,真心没有 WebView 来得快,但是性能上的提升是有目共睹的。至少,打开速度比原来快了好多倍。如我们所料,RN 的坑很多,过些日子,我再写一篇文章吧。

现在,让我们再看看 Growth 这个应用里,有什么新功能

LeetCode 试题,适合于地铁思考模式

记得很多新手程序员问过我,他们每天要在地铁上花很多的时间,有什么东西可以在这段时间学习的。看书吧,不是很合适,如我这样的人就容易因引此而晕车——所以我一般不喜欢在公交车上玩手机。我给的答案是:这个时候适合思考问题

那么,在这个时候可以来一个 LeetCode 题,每天在路上成长一点点。LeetCode 据说是,一些经典的公司用来面试应聘者的面试题。

目前相应的题目是在 GitHub 上的,下载速度有点慢,希望有产商可以提供个服务器,哈哈哈~~。

如果你每天要在地铁上站一小时,那么请带上一个 LeetCode 问题练习。

算法动画学习工具

基于 AlgorithmVisualizer

既然,我们已经有了那么多算法题,那么我们也应该在手机上学习。于是,Growth 的用户 @ ivanberry 便提出了可以参考:https://visualgo.net/en,可是这个是不开源的。

找了一二个星期,看到了 Algorithm Visualizer 项目,它可以用动画展示算法、展示每一步的执行过程、拥有相应的示例代码。便花了两星期的时间,做成了下面的模样。

上半部分的动画内容是 WebView,下面则是 React Native。

如果你每天要等上半个小时的公交,那么不妨学一个算法知识。

正则表达式练习

基于 Regexper

同样的这个功能,也是由 Growth 用户 @allmelgr 提出来的,他对于 regexer.com 的评价是:用过的人都说简单易懂。是的,一看就懂的样子:

而为了更方便的学习,便结合 RegexHub 提供一些正则表达式示例,只需要选择对应的正则表达式,就可以展示 相应的正则关系。

如果你每天要在公交车上坐一小时,那么不妨练习一人小时的正则。

设计模式简介

基于 Design Patterns for Humans

既然我们都已经有算法和数据结构、正则表达式,我便将 GitHub 上的 Design Patterns for Humans 也集成了到 APP 里。

如果你已经能完成工作,但是迷茫,那么试试设计模式

内置 VS Code 的编辑器

基于 Monaco Editor

既然都已经有了 LeetCode,那么我们应该还有一个编辑器。找了几天,终于找到将 VisualStudio Code 的同款编辑器 Monaco Editor 集成进去了。

而显然它不仅仅是一个编辑器,它还可以运行 JavaScript 代码,一个『伟大的手机 IDE』就此诞生了。输入完代码,点击运行,即可运行代码。console.log 会以 Toast 的形式展示出来。

这绝逼是我在 Growth 做的最吊的,但是没有什么卵用的功能

如果你想试试某行代码,那么试试新的编辑器。

成长路线与技能树

依旧的,仍然可以在上面看到技能树,并且速度更快了:

如果你对某一个领域迷茫,那么来看看对应的技能树。

与此同时,我们更新了一下成长路线:

如果你对某一个领域迷茫,那么来看看对应的学习路线。

未来,我们将结合网上的资源,整合学习路线和技能树——如果有更多的人来参与的话。

Awesome 列表

基于 Awesome

某一天,我在对着 Awesome React Native 发呆的时候,便顺手集成了 Awesome Awesomes 项目——写了个脚本,解析 awesome 项目生成对应的 JSON 文件

不过就是这个列表有点太长太长太长太长太长,即使使用了 RN 的 FlatList 也不能很好地解决问题。

如果你找不到合适的灵感,那么不妨看看 Awesome 列表吧。

开源电子书

基于免费的编程中文书籍索引

有一天,我在想虽然我号称是最伟大的『md程序员』,但是一个我,肯定比不上一百个我的写作速度快。于是,我们便想将那些在 GitHub、GitBook 上的书,制作成方便在手机上阅读的内容。便有了:

实际上,这个功能实现得是最早的。但是在当前并没有什么用,当前只是链接。未来,将制作对应的 API 来获取不同书的内容,就是工作量有点巨大巨大巨大巨大巨大。

如果你找不到免费的电子书,那么试试开源的编程中文书籍。

Growth

在 Growth 3.0,Growth 原先的内容仍然还在,只是还有一些 Bug,啊哈哈

对于支持 Growth 指南对应的纸质书籍《全栈应用开发:精益实》,觉得好的就给个好评,差的就算了吧~~。

如果你想成长顶尖开发者,那么试试 Growth 吧~。

Discover

在探索栏目里,我们依旧准备了丰富的阅读、练习资源。

如果你觉得无聊,那么可以在探索和社区里,了解更广泛的世界。

So

这就是 Growth 3.0,让你练习更多。

这就是 Growth 3.0,让你练习更多。

这就是 Growth 3.0,让你练习更多。

PS:应用已在 App Store、Google Play、应用宝、小米应用商店、360应用商店上架,其它用户可以从应用宝 直接下载 APK。

欢迎到 GitHub 来支持我们的开发:https://github.com/phodal/growth

原文链接:https://www.f2er.com/react/303460.html

猜你在找的React相关文章