React 小小书 XXshu

“站起来走一圈！” Dom Joly通过扩音器大喊。

“站起来走一圈！” Dom Joly通过扩音器大喊。有些人照做了，但是发现座位的大多数人都没有动，因为那个笑话（如果真是那样的话）磨损得很薄，就像擦过Dom脸的汗水一样。 “ Dom，拜托，我们受够了。真好笑。” “你是喜剧天才吗？”他问她。 “没有。” “不，闭嘴，克莱尔！”唐·乔利咆哮。他打开了音乐。那是小鸟歌。克莱尔退缩了。相机的内存已耗尽。 Still Dom Joly仍然打开和关闭音乐，并通过扩音器尖叫。克莱尔（Claire）处于鼎盛时期，就爱上了DJ。…

Webstrom 2016上的Autofix ESLint问题

目前，我和我的团队正在使用NodeJS和ReactJS开发Javascript应用程序。我们使用ESLint在AirBnB配置中使用编码标准。到目前为止，我们对此感到满意。我正在使用Webstorm 2016编写代码。很棒的功能。但是，这上面缺少一些东西。在Visual Studio Code和Atom上，我们可以保存时修复ESLint问题。但不是Webstorm2016。它仍然是基于Stackoverflow答案的必需功能。但是，Webstorm提供了一个名为File Watcher的插件。此插件将“ 监视 ”我们的代码更改，并且如果有更改，将运行特定任务。有关更多信息，请参阅此处。我正在使用File…

提高开发人员速度的极限

直到五个月前，我们的仪表板运行缓慢，功能有限，并且（最糟糕的）是用Angular编写的。我们对Angular本身没有什么特别的要求，但是我们团队中没有人有任何重要的经验。这意味着即使要修复一个小错误也要花费大量的精力。我们已制定了宏伟的计划，向我们的仪表板添加了很棒的功能-组织，每个用户多个应用程序，可查询的日志等等！ -但我们不相信在遗留代码之上进行构建是我们时间的最佳利用。所以我们报废了。我们的目标是构建新的仪表板，使我们能够快速有效地进行开发。我们知道我们想使用React来与其他内部JavaScript项目保持一致，但是仪表板具有大量的应用程序状态，因此我们决定也使用Redux。我们首先从Bumpers 的* BEST *🙄文章中获取了一堆指针。像许多Redux应用程序中常见的那样，我们没有直接在/store级别上拥有所有商店文件，而是将商店分为几个子目录，每个子目录都有各自的操作，reduce和Selectors文件。这些子目录中的每一个都与我们的模型之一相对应，例如帐户，组织，应用程序等。通过将相关代码分组在一起，开发速度大大提高。现在，当某人想要更改“帐户”状态时，他们只需导航至/store/account即可找到该代码，而不必在大型文件中按ctrl+f将不同模型的所有代码组合在一起。旁注：我们从保险杠文章中得出的另一点是，在每个商店子目录中添加了一个终结点文件。可以在此文件中处理API调用，然后由action文件依次调用。这是一种很好的关注点分离，可以轻松地切换操作或API接口，而又不影响其他接口，并提供干净的存根接口进行测试。…

我刚刚发布了GitHub风格的React-mde，React的Markdown编辑器

一年甚至还没有开始，我正在编码，好像没有明天🙂 之所以需要Markdown编辑器，是因为我正在开发一个名为MatterSpace的项目，该项目现在还不能给您链接，它基本上是一个用户反馈管理网站。基本上，这里是您可以为您的应用程序/网站创建帐户并获得想法跟踪，问题跟踪，类似Stackoverflow的问答的地方。它计划于2017年中发布，并将提供功能非常强大的免费版本。完成后，我将详细介绍。无论如何，我需要一个像GitHub一样的Markdown编辑器。甚至使用降价的决定也很复杂，因为普通用户*可能*对此有疑问。但是重点是：Markdown编辑器可以用作常规文本框，因此，至少，用户可以像在Web上那样习惯编写：D。回到react-mde。这是GitHub项目这是演示外观如下：我希望你喜欢它。如果您需要帮助，请随时在存储库中打开问题。

引入roadhog — create-react-app的可配置版本

回购：https://github.com/sorrycc/roadhog/blob/master/README_en-us.md 什么是土拨鼠 roadhog是一个带有server和build命令的CLI工具。它具有相同的create-react-app体验，配置略有不同，并且还提供JSON格式配置。基本演示为什么是路霸无法配置create-react-app，但我们有不同的配置要求。我相信我会比这个想法更重要。

克服“ Imposter综合征”

对完美的追求就像追逐一根细绳绑在一根胡萝卜上一样，今天我对作为软件工程系学生的专业知识感到有点低落。 Lambda对进步有着如此出色的座右铭。切勿将自己与他人进行比较，并研究自己的进步。自从意识到成功的那一天起，我就将自己与他人进行比较感到内。但是在Lambda教会了我一件事。当您如此努力地工作以至于没有意识到自己在努力工作时，进步是唯一才华横溢的才能指标。失败的唯一时间就是停止。我们本周将在建设第一个星期的项目。我将到目前为止所学的所有技能（Web开发，React，Redux和JavaScript）应用到我在学校的第一个Frontend项目中。我们获得了模拟游戏和MVP。在满足MVP要求后，我们还有其他功能可以使用。我在学习React和Redux时遇到了困难，但是我也看到，即使其他一些学生比我容易，我以前的技能水平也比现在低得多。是的，这个德克斯特。 React看起来像德克斯特会在实验室的黑板上写下的笔记。我不知道为什么要这样说，但是头脑很棘手，当您告诉自己无法做某事时，您会吓到自己根本不想进一步学习该主题。您做得如此之多，以至于只能冻结。但是我正在学习珍惜我取得的小成就，而不是我尚未克服的弱点。这里的一切仍在进行中，但至少我能到达某个地方。…

博客的良性循环

或者，如何获得乐趣，学习负载并与他人建立联系图片由rawpixel在Unsplash上拍摄作家来到Medium分享他们写的东西。动机各不相同，但最终在这里发布意味着您打算阅读您的作品。有些人来分享故事，分享他们的头脑和内心所发生的变化，以告知，指导，山羊，见证，荣誉。其他人则希望自己的故事使现实世界中发生某些事情-为自己或他人或为两者。许多人开始与其他人建立联系，例如与我们一样的看法和感觉的人或完全不同的人。在写博客的那一年里，我偶然发现了写博客的物理学。一旦我振作起来，除尘，我就钦佩我要遵守的法律：在适当的条件下，博客会产生恶性循环和良性循环。恶性循环我们对恶性循环了解得太多。有人写一篇引起读者回应的文章。作家回答了他们，双脚陷入了僵硬的姿势。读者回过头来，也许其他读者也纷纷加入。逻辑分崩离析，立场变得荒谬而极端。没有人是幸福的。愤怒的坐骑。…

为人类做出反应

毫无疑问的使用React.js入门。关于React.js的意见很多。对于初学者来说，这可能是不知所措的，因为示例似乎分散且不一致。从那些认为如果您使用class关键字不应获得工作的狂热者，到使用class关键字装饰墙的人。这些零散的信息可能会使整件事对于新手来说非常困难。我希望能够选择一种技术并轻松地以尽可能少的麻烦构建一个简单的应用程序。这通常涉及一段时间阅读一些不同观点的信息，然后尝试以我认为最明智的方式构建某些东西工具和意见的结合。所以，当我最终决定用它构建东西时，这就是我接触React.js的方式。环境与工具与针对人类的Scala一样，我不会详细解释如何设置您的工具或环境，本文将逐步介绍实现此目标所需的目标。到目前为止，我已经使用了足够的npm来表示…使用纱。小猫喜欢毛线，我喜欢小猫，所以我用毛线。凯蒂在火箭对，现在我们有了猫火箭，是时候在我们的机器上运行一个世界了。关于这一点，当我第一次尝试时，事情有点奇怪。您会看到大多数人建议使用Webpack来构建React应用程序，尽管确实可以很好地用于React，但说实话，Webpack文件看起来有点吓人。您真的不想只是为了学习框架而学习新的构建工具。现代JavaScript构建工具（严重的是，makefile是什么问题？）幸运的是，Facebook已经发布了一个名为Create…

2分钟学习React 16的componentDidCatch生命周期方法

什么是错误边界？ “错误边界是React组件，可在其子组件树的任何位置捕获JavaScript错误，记录这些错误，并显示后备UI，而不是崩溃的组件树。错误边界会在渲染期间，生命周期方法中以及在其下方的整个树的构造函数中捕获错误。” – Dan Abramov 我博客的更新文章您可以通过定义新的生命周期方法componentDidCatch(error, errorInfo)来创建错误边界类组件。 componentDidCatch（）生命周期方法 componentDidCatch（error，errorInfo）{} 第一个方法参数是引发的实际错误。第二个参数是具有componentStack属性的对象，该属性包含组件堆栈跟踪信息。 componentDidCatch()生命周期方法的工作原理类似于JavaScript的catch {}但适用于组件。错误边界本身无法捕获错误。该错误将传播到其上方最近的错误边界。听起来有点熟？…

学习所有语言…等等吗？什么？

其他任何人都希望学习所有内容，学习所有存在的语言。要了解所有新兴技术？我有？我做？我做到了！我不确定。我之所以这样说，是因为我发现（自从尝试学习React以来），我非常喜欢深入了解自己所学的知识。不，我不是JS的主人，也不是JS的主人节点，当您签出Wes Bos或Sonya Moisset之类的人（签出他们，是拥有超凡才能的超酷人！）时，我就不是JS的主人。很快，在谈到这两个人以及喜欢他们的人时，请记住，它们看起来像是超级天才的水平，或者仅仅是您可能永远无法达到的水平，但是，在不抹黑他们的情况下，他们无法做您能做的事情。如果他们能做到，我们都注定要失败，现在就放弃，奔向山丘等等。我的观点是，那里的人令人难以置信，但他们必须做到这一点。他们是否通过追逐技术界的所有美好事物到达那里，部分是，但是他们必须专注于各个方面才能取得成功。如果要获得真正的成功，则需要完全或大部分时间来理解计算机时代的一部分。当您进入其他技术领域时，这为您提供了优势。您对所有工作原理的洞察力，以及从细粒度的角度汇集到所有技术的学习中。学会爱颗粒！…