在跳入 React 以前，你知道足够多吗？ javascript？
你知道如何使用它 map() 方法在 javascript 或 ReactJS 中循环遍历数组吗？
假如你在学习 React 如果你遇到上述问题，你在学习过程中一定会犯错误。毫无疑问，ReactJS 它是前端开发人员最受欢迎的库，其受欢迎程度与日俱增。在 ReactJS 上面运行的网站看起来很漂亮，大多数开发初学者也是 ReactJs（由 Facebook 开发被吸引，但许多开发人员和有经验的人犯的一个常见错误是直接跳入 ReactJS(或其他一些库和框架) ) 而不知道先决条件。假如你直接去 React，在学习这个图书馆和面试时，你会遇到很多问题。
假如你被问及一些和 ES6、JSX、Babel、包管理器，基本 javascript 或者其他与基本概念相关的问题，你会在面试中陷入困境。我们将讨论一些先决条件和基本概念，当你跳到那里时 React 你以前应该知道这一点。这些基本概念也将帮助你在未来学习其他一些东西 javascript 框架和库。
1. HTML和CSS
每个前端开发人员都来自 HTML 和 CSS 开始他们的旅程。所以在你开始学习反应之前，你应该写作 HTML 和 CSS 掌握得很好。你应该知道如何写语义 HTML 标签，如何编写 CSS 选择器，如何使用类，如何实现 CSS 重置，框架模型，如何重置为框架，弹性框架，如何编写响应 Web 应用程序包括媒体查询和如何使用 HTML 和 CSS 构建前端应用程序。
2. JSX (Javascript XML) & Babel
在 React 在中间，你会使用它看起来像 HTML 你可以把JSX视为JSX HTML 风格的 JavaScript。这是在 javascript 中添加 HTML 最简单的代码方法，或者你可以说它是 Javascript 语言语法的扩展。在开始学习 React 以前，你应该对什么？ JSX 有一个完整的理解。看下面的代码…
const h1 = <h1>Hello Programmers</h1>;
当你第一次查看上述代码时，你可能会感到困惑。它是 JavaScript 吗？还是HTML？或者别的东西。如果您将在 HTML 上述代码不会在文件中运行，但代码包含 HTML 标记<h1>Hello world</h1>。基本上 JSX 扩展了 ECMAScript，以便 XML/HTML 这样的文本可以和 JavaScript 共存反应代码。从下面给出的图片和代码中理解…
var MyComponent = React.createClass({
render :function () {
return(
<h2>Hello Programmers!</h2>
);
}
});
ReactDOM.render(<MyComponent/>, document.getElementById('content'));
你应该知道的另一件事是Babel。Babel 它可以是一个编译器 JavaScript 类似的文件 HTML 将文本转换为标准 JavaScript 对象。它来自最新版本 javascript 或 ECMAScript 2015 (ES6 ) 获取功能并将其归结为 ES5 或常规 javascript。假如你想用 React，请确保你的概念需要清晰 JSX 和 Babel。从这里【https://babeljs.io/en/repl】的链接检查 Babel 如何转换。
3. Javascript 和 ES6 基础
无论如何…如果你的 JavaScript 如果你不知道基础知识，你就不能在那里 React 变得更好。在面试过程中，这是反应前需要学习的基本技能之一。Javascript是开发人员最容易混淆的语言之一，如果你没有提前注意到，它会忽略你项目中可能出现的小错误。因此，请确保您首先清除相关信息 javascript 基本概念，然后转移到高级版本或 ECMAScriptt5 和 ECMAScript6。以下是一些主题，但请确保您尽可能多地探索和构建一些项目，并有深入的了解 JavaScript。
请记住，施工 javascript 基本基础将帮助你学习任何框架，但如果概念不清楚，你将陷入任何框架 javascript 框架。此外，面试官会先检查你 javascript 然后转向基础知识 React。
-
从变量、数字、布尔值和字符串开始，让你的概念清楚地理解其他非常基本的知识。制作一些小型应用程序，如计算器，看看事情是如何一起工作的。
-
了解操作符、条件、函数、循环javascript 关键字、数组、对象等基础知识。
-
事件处理、DOM 操作以及 ‘this’ 关键字在 javascript 工作方式完全不同(这让大多数开发人员感到困惑)。
-
高级函数、回调函数、箭头函数、状态（state 和 setState() 函数的工作原理)范围、类和结构函数、扩展和继承、映射reduce、过滤器、promises、模块，闭包，const、let（var 两者的区别， let 和 const) 以及 ES5 和 ES6 其它特征。
4. 包管理器（Node Npm）
当您使用 ReactJS 您将不得不安装许多较小的软件包。javascript 它包含模块所需的所有文件，可以包含在模块中 Node 项目中的 javascript 库。包括两件事…package.json 文件 js 文件。要安装这些软件包，你需要一个好的安装程序，它可以帮助你轻松地下载和安装软件包，而不用担心依赖项。NPM(节点包管理器)在此发挥作用，帮助您安装和跟踪 javascript 软件。您可以使用 NodeJs 或 Yarn 管理这些软件包。你可以通过安装 Node.js 来安装 NPM。当你安装 Node.js 时，NPM 自动安装。
所以，转向 React 以前，你应该是对的 NPM(节点包管理器)注册表及如何使用 NPM 对安装包有深入的了解。NPM 注册表将跟踪已提交的文件。任何人都可以提交这些文件(包或模块)。简而言之，NPM 注册表是开发人员可以获取软件来构建软件的地方。
假设有人写了一些非常有用的假设 javascript 文件。他/她认为其他人可能会使用它，所以他/她把它推到这里 NPM 注册表。其他人可以来自NPM 从网络注册表中获取，并为自己的目的下载。从 了解更多关于Geeksforgeks的信息 的信息。
5. Git 和 CLI(命令界面)
Git(版本控制)开发人员将项目存储在 GitHub、Bitbucket 和 GitLab(代码托管平台)上的另一项必要技能。它帮助开发人员相互工作和合作，并允许他们跟踪和托管不同版本的项目文件。你应该很清楚 Git 以及这些代码托管平台的工作原理。开发者使用 Git 跟踪你文件的版本，所以学习如何使用所有的命令，比如 push、pull、add、commit 等。还要学会合并、分支、处理合并冲突等。
你将在 CLI在(命令界面)的帮助下 React 一切。安装包，使用 NPM、创建 React 应用程序，操作 React 应用程序等等，所以你真的需要开发和使用它 CLI 习惯。以下是使用 CLI 运行 React 应用程序示例。
