react exercise
1.0.0
此练习旨在让您以互动方式熟悉基本的React概念，并使您在现代节点环境中变得自愿开发。该项目将分为多个部分。每个部分都将涵盖一个基本的反应/前端概念。
REACT初学者指南和初学者指南的React指南将非常有益于对React基本面的完全了解。作为本练习的一部分，可以轻松地潜入React文档和JavaScript文档中，这也将有益。
在此处安装节点和NPM。
通过在终端中运行以下命令来检查是否具有正确的版本：
node -v
npm -v
安装React DevTools轻松调试，并查看React应用程序中发生了什么。
您的文本编辑器可能不本质地支持该项目中使用的JSX语法，但是可能会有插件来获得正确的语法突出显示。例如，Sublime Text使用Babel插件。
首先，叉这个存储库。右上角的叉按钮。这样做的是将此存储库复制到您的帐户。现在，您应该拥有一个名称<yourusername>/react-exercise的存储库。
看起来像这样（我的用户名是Davidachang）： 
然后，克隆此存储库（单击绿色按钮，说“克隆或下载”，选择http，然后复制并粘贴位置<url> ），然后进入：
$ git clone <url>
$ cd react-exercise
安装项目依赖性：
npm install
完成此操作后，运行此操作以开始开发：
npm start
这将开始运行该应用程序，并在http：// localhost：3000上自动打开它。每当您更改并保存代码时，它都会自动重新加载！这将是您终端中的运行过程，因此您需要打开一个新的选项卡或窗口以执行其他命令。
Prettier是一种自动重新格式化代码以遵循一套编码样式指南的工具。它被配置为在每个提交之前自动运行。这确保我们的所有代码都遵循相同的代码样式，执行良好的实践并最大程度地减少冲突。
这项练习绝对不是必需的，但是您可以为编辑器安装一些更漂亮的插件。请参阅此处的说明。
目标：熟悉JSX语法，组件结构和通过道具
任务：
shouldDisplayImage prop发送到确定是否显示H4i徽标提示的Instructions组件中目标：熟悉渲染列表和JavaScript数组功能
任务：
items道具发送到包含字符串列表的Instructions组件中items的子弹点列表for或循环while执行此操作目标：熟悉组件状态
任务：
Counter组件count状态设置为0目标：熟悉用户输入
任务：
App.js中，制作一个输入和提交按钮，该按钮设置了initialCount状态initialCount状态作为道具传递到Counter组件中，并将此值用作Counter中的初始count 。在执行此操作时，请确保提防类型，因为用户输入是String ，我们想发送一个Number 。<button type="button" ... 目标：了解同胞组件之间的状态/道具通信
任务：
input和提交按钮移动到其自己的组件中，称为InitialCountForm ，它是App组件的孩子目标：熟悉CSS/SCSS和样式
任务：没有什么具体的，可以随身携带样式！
注意：您可以创建SCSS文件，保存时将自动将其编译到CSS文件中，但是您需要将CSS文件导入组件。
一些与样式相关的资源：
React初学者指南
MDN-重新引入JavaScript
初学者反应指南
React文档
Airbnb的JavaScript样式指南
Airbnb的React风格指南
Airbnb的CSS风格指南
完成所有步骤后，将更改推向GitHub存储库！
在提交PR之前，您必须将分支推到远程分支（Github上的分支，而不是本地分支）。
检查您在分支机构上：
git branch
如果您想确保所有的提交都在：
git log
按Q退出git log屏幕。
将您的承诺推到远程分支：
git push
第一次这样做时，您可能会遇到错误，因为远程分支尚不存在。通常，它会告诉您正确使用的命令：
git push --set-upstream origin <YOUR_BRANCH_NAME>
注意：只需要第一次推动新分支时才完成。您可以在之后使用git push 。
完成此操作后，请发送电子邮件至[email protected]，并带有指向您的分叉存储库和分支名称的链接。我们将需要这两件事来查看您的提交。
H A C K 4 I M P A C T
H A C K 4 I M P A C T
H A C K 4 I M P A C T
H A C K 4 I M P A C T
H A C K 4 I M P A C T
