react js 初学者

kingsfull123

我目前正在学习REACT JS，我没有编程或IT背景，但我之前做了一些js html和css。当我倾向于使用REACT JS并查看一些初学者项目时，例如简单的倒计时器。我发现很难理解他们的代码，也许是因为我只是新手的编程。当你开始学习编程时，有人可以让我知道你做了什么吗？如果你不理解某人的代码，你会怎么做？

随便如何

从来不看网上乱七八糟的代码
自己做项目代码自己敲

wxsls

js 是基础 先吃透，尤其ECMAScript 6. 然后你去REACT官网看文档

kingsfull123

随便如何 发表于 2019-1-14 09:16
从来不看网上乱七八糟的代码
自己做项目代码自己敲

如果我试图自己编写代码但是却无法弄清楚如何编写正确的代码来实现所需的结果，那么你不在线搜索吗？

eguan88

很好入门，但是学精不容易。

随便如何

kingsfull123 发表于 2019-1-14 09:32
如果我试图自己编写代码但是却无法弄清楚如何编写正确的代码来实现所需的结果，那么你不在线搜索吗？ ...

网上的代码也不一定正确，在没有注释的情况下能看懂别人写的代码也是一种能力

kingsfull123

wxsls 发表于 2019-1-14 09:30
js 是基础 先吃透，尤其ECMAScript 6. 然后你去REACT官网看文档

你能告诉我怎么样先吃透js吗?
我想我应该通过学习React来做到这一点

pengruijun

你是不理解syntax 还是代码逻辑， 前者需要先了解 ES6， 后者没有办法，只有慢慢积累

kingsfull123

随便如何 发表于 2019-1-14 09:33
网上的代码也不一定正确，在没有注释的情况下能看懂别人写的代码也是一种能力 ...

真的吗？我不知道，就像我说的那样，我没有编程背景你如果被卡住了怎么办？做更多的学习？我听说能够提出正确的问题也是一项技能，你根本不在线使用资源。有点迷茫......

kingsfull123

pengruijun 发表于 2019-1-14 09:36
你是不理解syntax 还是代码逻辑， 前者需要先了解 ES6， 后者没有办法，只有慢慢积累 ...

I think I have trouble in both, as I am new to programming and js

随便如何

kingsfull123 发表于 2019-1-14 09:43
真的吗？我不知道，就像我说的那样，我没有编程背景你如果被卡住了怎么办？做更多的学习？我听说能够提 ...

我从不看网上的免费代码，就算工作上必须看代码也是有注释或者编写的人在旁边可以问
网上不过是搜一下解决bug的途径

kingsfull123

随便如何 发表于 2019-1-14 09:46
我从不看网上的免费代码，就算工作上必须看代码也是有注释或者编写的人在旁边可以问
网上不过是搜一下解 ...

thanks, I will keep that in mind

kingsfull123

wxsls 发表于 2019-1-14 09:30
js 是基础 先吃透，尤其ECMAScript 6. 然后你去REACT官网看文档

I used google translate to translate text from English to Chinese, that's why I sound a bit odd, as I could not type Chinese on the computer I am working on right now. It is just these questions pressing me and just wanna to get it out. but thank you for your help. Can you suggest what is the best way to really understand the language as you have some much more experience than I am?

chenzy0513

最好的理解他人代码的方式应该调试一下吧。React JS基本是前台的代码，应该可以直接用Google Chrome浏览器里面的Developer tool进行调试的。应该是这个plugin：https://chrome.google.com/websto ... fkapdkoienihi?hl=en
你可以去Youtube一下，看看这个tool怎么用。

学习React的关键，就是你要理解它是用JS根据状态(State)来生成HTML和CSS。一般都有一个根的index.html文件，里边有一个<app>或者<root>之类的tag，React JS的所有功能就是把这个tag扩展成你想要的HTML和CSS。当然，这过程中经常HTML和CSS会有一个模板之类的文件，JS可以根据这个文件来做想要的扩展。然后，你要理解React在实现这个功能过程中，一般是分模块的（component），上级模块可以套下级模块。每个模块可以有自己的HTML，CSS模板文件，自己的状态，自己的逻辑来生成最终的HTML+CSS。这一级级的套出来，就是最终的HTML+CSS。所以React可以吹嘘它某一个模块的状态变了，只需要重新render这个模块，这是React以及类似的Angular.js一大卖点。
希望以上有所帮助。

melmonash

新手可以学学vue

kingsfull123

chenzy0513 发表于 2019-1-14 11:20
最好的理解他人代码的方式应该调试一下吧。React JS基本是前台的代码，应该可以直接用Google Chrome浏览器 ...

Thank you for the tips, I have some js fundamentals down, but my understanding is still far from an expert, do you think I still should be able to continue my react study and expand my js knowledge along the way.

kaixinkaixin

JS和ES6 学了没，这些得先懂才能事半功倍

woshidajiangyou

随便如何 发表于 2019-1-14 08:03
网上的代码也不一定正确，在没有注释的情况下能看懂别人写的代码也是一种能力 ...

长这么大，从来没见过有注释的代码

kingsfull123

kaixinkaixin 发表于 2019-1-14 11:34
JS和ES6 学了没，这些得先懂才能事半功倍

I did study JS or ES6 systematically but I have taught myself some fundamentals and tried to solve some simple code challenges before. You reckon how I should go about studying it. Do you have some detailed suggestions? Thanks

妞爸

看别人的代码，大部分时候比自己写还要累。相当于，先看懂语法，知道是什么意思，再联系上下文知道了模块功能，再联系业务逻辑，终于知道他想干什么以及为什么这么干，然后发现，这是一个BUG，其实不该这个干。

kingsfull123

妞爸 发表于 2019-1-14 13:03
看别人的代码，大部分时候比自己写还要累。相当于，先看懂语法，知道是什么意思，再联系上下文知道了模块功 ...

Thank you for sharing your experience. I am trying getting into front end developing and it is really nice to get to know a bit of insight into the coding world.

kaixinkaixin

kingsfull123 发表于 2019-1-14 12:39
I did study JS or ES6 systematically but I have taught myself some fundamentals and tried to solve ...

别一上来就coding，那不把自己整的云里雾里。先把JS语法搞明白，至少基础的。然后再看ES6语法。这样你再看react会豁然开朗。
看看阮一峰的这个http://es6.ruanyifeng.com/#README

wxsls

kingsfull123 发表于 2019-1-14 09:34
你能告诉我怎么样先吃透js吗?
我想我应该通过学习React来做到这一点

看看廖雪峰的教程吧https://www.liaoxuefeng.com/wiki ... a89c25cc8b43bdb3000。 对初学者比较友好。

js基础打好吧，比如原型链，闭包。然后去看些面试题，如果那些能明白，你可以开始前端开发了。

maudlin

最好跟着视频教程学，这样代码的来龙去脉视频里都有，不然光下载代码看，确实容易懵，很打击自信

keigoleung

You should try those online tutorial, step by step.
will pick up faster then looking at other's repos.

kingsfull123

wxsls 发表于 2019-1-14 14:04
看看廖雪峰的教程吧https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3 ...

我想问一下JS, React准备到什么程度,可以开始找工作

kingsfull123

wxsls 发表于 2019-1-14 14:04
看看廖雪峰的教程吧https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3 ...

谢谢你的分享，我会看看的

kingsfull123

keigoleung 发表于 2019-1-14 15:47
You should try those online tutorial, step by step.
will pick up faster then looking at other's repo ...

thanks

penn

https://learning.oreilly.com/vid ... 789132229-video7_22

use any email address to register for 10 days free trial, then you can use another email address.
I am LeiFeng

chenzy0513

kingsfull123 发表于 2019-1-14 11:32
Thank you for the tips, I have some js fundamentals down, but my understanding is still far from a ...

似乎也没有理由说不可以。这恐怕还是取决于你自己的感觉。我做过半年的react项目，说实话现在对那框架还是有点晕。

react里面不光是js, 那html模版就是jsx, 有很多特殊的从状态数据扩充成html的用法。然后为了管理繁多的状态，又往往要引入redux，即另一个js的框架，这就有了个store的概念，基本就是个状态的集合；然后这么多状态要从后台取，用不同的API，每个都要考虑异步调用，这样又搞出来个saga, 也是一个框架，配合redux从后台异步读数据。

反正就是入门容易，熟练难。真正做起来几个框架搞在一起，当时搞明白了。做通以后，时间一长又忘了。重新捡起来又要看半天。。。