react可否开发后端_CromaApp:经过7年的后端开发,我的第一个React Native应用程序...

react可否开发后端

好吧,我过去曾经做过一些javascript开发(node.js),但是ES-6之后javascript发生了很大变化。 现在,我主要关注的是Java和ruby(主要是RoR)的后端开发。 我将分享我编写第一个React本机应用程序的经验

我决定学习本机React并构建有用的东西,因此决定重写我和我的朋友Satyajit Sahoo早在2014年开发的一款受欢迎的应用程序Croma。Croma是一款用于组织,生成和保存调色板的应用程序,着重于简单杂乱免费设计。 我们没有时间去维护它,它是用Web视图和本机android编写的。

由于Satyajit Sahoo建议用react native重写它,所以我认为这是学习React native的好机会。 让我们看看我如何构建初始版本

弄脏你的手

学习新框架或语言的最好方法是开始构建某些东西,并一路探索和学习。 因此,我从使用expo的样板React本机应用程序开始,正如文档所述,从expo开始更容易。

expo init 

我启动了hello word示例应用程序,该应用程序已经具有一些基本功能,因此我可以立即开始进行实验。

Expo真的很容易启动,因为您可以在5分钟内设置一个工作示例应用程序,并在expo应用程序中查看实时更改。

80–20%的规则

我能够在几天内构建大部分功能,但是当我遇到问题和最终样式时,完成整个项目变得很棘手,这使得它在Web上的工作比想象中要困难得多。 我主要在网络上挣扎。

在移动浏览器上,scrollview无效( 问题 )使外观看起来不错,并且理解样式花了我一些时间。 存储,图标等也需要调试

完成100%的工作比看起来要困难得多,而最后20%的工作需要80%的时间。

玩得开心

一开始学习新的语言或框架可能会令人沮丧,因此至关重要的是不要在进行过程中思考过多并获得乐趣。 不要太担心正确处理所有细节。 我在构建Croma时很有趣,并且已将其开源,因此可以随意修复一些我弄错的代码。 期待向社区学习

这是我在构建croma时构建的React 本机库

React本地人和学习的第一印象

随着世博会是很容易得到的成分使得startedThe概念感觉到那么容易编写可重用codeWith ES6功能,如异步等待和JSX编写JavaScript确实已经变得更加有趣并非一切都可以用做React母语,我试图执行一个实使用Camera的时间颜色选择器,但性能实际上是一个瓶颈。 因此,最终我将不得不退出expo以在本机中实现此功能。

React原生网络的状态不好,我很多事情在网络上不起作用。 我仍然设法解决了大多数问题,但是您必须付出额外的努力才能使事情在Web上正常运行

Github操作很棒,可以自动执行构建和发布过程。 我能够使用Github页面自动进行网络发布,而使用expo publish进行android发布自动化。 如果您也尝试执行相同的操作,请参阅这些工作流程 。 通过构建此应用程序,我对颜色和设计学到了很多东西,因此在进行后端开发时几乎没有机会进行工作。

您还可以在javascript中实现机器学习算法。 我实施了一种聚类算法,以从图像中找出最突出的色彩,并且效果很好。 在这里尝试。

期待看到人们如何使用该应用程序。 请在这里尝试或从Playstore下载它,并随时发送PR并提出问题。 我为自己的React之旅感到非常兴奋,并期待着向社区学习。

感谢Satyajit SahooBhuwan Joshi以及所有的帮助。

干杯!

翻译自: https://hackernoon.com/cromaapp-my-first-react-native-app-after-7-years-of-backend-development-f5393y77

react可否开发后端

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值