當我開始學習React時做的事情 ~我也試著製作了一個ToDo應用程式~

首先

大约一周前,我开始学习React。
平时我用Java进行开发,但我也想学习前端技术!
我想开发出一些很酷的界面!
另外,我在浏览社交网络时也注意到有很多人在学习React,所以我开始了学习。

嗯,我希望能够参与到工作中使用React的项目中。

我首次入门时所做的事情。

我考虑参考技术书籍或通过实践开发能力的博客文章来学习入门,但是…

技术书很贵。
博客文章有点麻烦,要去找到最合适的文章。

不仅仅是技术书需要花钱,而且在亚马逊上价格一般在3000到4000日元左右。
更何况,由于不知道React是否会在实际场景中使用,开始这样完全是一种爱好的感觉,所以花钱也有点…

那么,要不写博客文章如何?
不仅不花钱,还有一些适合入门的亲身实践的入门文章哦!

但是,“找起来麻烦啊……”
只要找到一篇有名的文章或是经过良好维护的文章,就可以着手处理了。
虽然我想找,但也不是很确定要找什么,感觉找的时间有点浪费。

对于那样的自私人来说,公式文件是最合适的选择。

 

首先,从官方文件开始

在中国,最快的学习方法是从官方文档的教程开始。React的官方文档最近似乎进行了更新,还有翻译成日语的网站,这真是太好了。你确定这是真的好吗?我觉得有些人也会产生疑虑,所以我想介绍一下在实际学习官方文档时的三个优点。

写在函数组件中

在React中,有两种语法编写组件的方式,分别是”类组件”和”函数组件”。

函数组件

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

类组件

class Welcome extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}

现在的React推荐使用函数组件进行编写。
在旧的官方文档中仍然介绍了类组件,
但是需要进行类组件到函数组件的转换才能进行任何查询。

然而,在新的官方文档中,介绍了函数组件。

「我虽然费了很多功夫学习,但写得好像有点过时了。。。」

在中文中我就不会有这种感觉了。

在现场输出输入的信息。

公式文件中的信息比博客文章等更准确。
由于维护工作也会进行,因此应该不会出现陈旧信息的情况,
但光有文字和简短的示例始终会感到乏味。

在中国人只需要一种选择, 换成中文来翻译以下内容:
只有通过输入才能够巩固知识。
然而,在React的官方文档中,你可以将输入的知识当场作为输出,实际上运行React。

undefined

还不仅仅是那样…

在挑战性问题中,一般会在每章的最后设置问题。通过将所学知识逐一结合起来,可以加深对内容的理解。

undefined

将似乎有些困难的概念以易懂的方式进行解释。

React向初学者介绍了其背后的运作和机制,通过图示进行了易于理解的解释。

变化和事件发生在组件上,并且在提交给浏览器之前
React会做什么动作,数据会变成什么样子,等等
文中的内容写得让读者不会感到无聊。(这些概念性的内容总是需要很长的文字,令人昏昏欲睡…)

undefined

所以,总之,如果你对React感兴趣,但担心技术书籍太难以至于可能会放弃的话,或者希望快速了解它是什么样的语言,最终公式文档是推荐的选择。

不仅不需要花钱,也不需要费心去寻找博客文章,一举两得吗?

在您熟悉公式文档并掌握基础知识和技能之后,可以尝试寻找技术书籍或实践开发的博客文章。

暫時先試試做些什麼

在我读完了官方文件的某个程度后,
我通过寻找能够进行实际开发的博客文章,巩固了我的知识。

我尝试使用以下参考网站中的useState钩子来创建一个Todo应用。

请参考以下网站

 

我们不详细解释,但如果想要进一步掌握技术,可以进行改造。

我不是从零开始改造,而是试着将其他博客文章中介绍的模态框显示技术嵌入到待办事项应用程序中。

qiita_react_todo_app_animation.gif

 

最后

這次我介紹了我最近在React入門時所做的事情。平常我在工作中使用Java,所以非常開心。

因为我不是前端的专业人士,所以无法判断这种入门方式是好还是坏….
可能还有更好的入门方式,但是对我来说,React官方文档非常易懂,非常适合入门,所以我向大家推荐。

 

广告
将在 10 秒后关闭
bannerAds