ReactJS入门指南—注释第4部分

这是我关于egghead.io的ReactJS初学者指南的第四部分。 样式React组件 本节将说明如何设置React组件的样式，以及解构CSS类如何使我们的组件更灵活。 在下面的代码中查看className和style 。 const元素=（ <div className =“盒子-小” 样式= {{paddingLeft：20}} > 框 ） 注意与普通CSS的语法差异。 我们使用className代替class 。 它是用骆驼装而不是烤肉串装。…
我编码，阅读，思考的内容[12/100]

我编码… 我已经使用React-Redux架构进行了我的项目 使用React-Router进行导航。 我已经实现了用于添加和编辑资源的表单，并且注意到以下行为： 1.添加带有描述的新资源：“ Hello World！” 2.开始编辑另一个描述为“我的新评论…”的资源。 3.用于描述的输入包含先前的值：“ Hello World！” 就我而言，我正在使用相同的reducer处理当前表单的状态： 我如何解决这个问题，首先我需要在处理变更的路线中创建一个新动作“ ROUTER.CHANGE” 然后，无论何时用户导航到某个地方，我都会调度此操作： 在表单化简器中添加了新案例“ ROUTER.CHANGE”，并通过返回一个空对象来清除当前状态： 现在，表单状态会在每次导航中清除。…
反应悬念—推迟渲染

图片来源：Google 大多数努力工作和聪明的人都在为ReactJS库工作。 我可以说，他们对UI的实时问题有更好的了解。 这就是为什么人们将reactjs作为解决方案并将其用于制作复杂的UI的原因。 Reactjs试图简化开发人员和最终用户的工作。 这就是它日益流行的原因。 React团队正在努力实现异步渲染。 在冰岛JSConf会议上，Dan Abramov公开了React的新功能/ API，称为React Suspense。 您可以观看此视频： 资料来源：Youtube 一句话 ：这项新功能可让您暂停渲染，直到我们获得要显示的数据为止。 延迟显示数据并不重要。 我们正在通过显示微调器来做到这一点。 怎么了…
WTF和React.js？

“ … hecha en javascript” ¿使用javascript和porque javascript吗？ Javascript es un lenguaje deprogramaciónque corre en todos los navegadores（browser）web（Google，FireFox，Opera，Safari; etc），osea…
发布React组件NPM模块

自然地，我们都朝着更大的方向前进。 在这里，我们开始在React.js中构建我们的第一个新应用程序，并且即将开始我们的第二个应用程序。 我们预计，在第一个应用程序中使用的某些组件在第二个应用程序中也将很有用。 为了在这两个应用程序之间共享代码，我们决定采用创建NPM模块的方法，这使得在任何应用程序中都非常容易安装。 我想与您分享我所学到的东西，以及在此过程中可能遇到的任何痛点。 Package.json 如果您查看不同的npm回购，它们基本上就像一个小型项目。 您有一些构建步骤，一个gulp或grunt文件，一个.git目录和package.json。 那么从哪里开始呢？ NPM回答这个问题很有帮助。 他们提供了一个很好的终端命令 npm初始化 这将引导您快速完成package.json文件的设置。 我通常只做所有默认值。 之后，您可以开始构建组件或npm项目。 或者在我们的情况下，只需复制现有的组件代码，然后创建用户友好的API。 建立步骤 在尝试创建npm模块时，我想使其尽可能轻巧。…
简介React挂钩

什么是挂钩？ 2019年迎来了React 16.8.0和备受期待的Hooks的发布。 但是钩子是什么？ 为什么需要它们？ Hooks是一个功能强大的新工具，它将使开发人员可以在功能组件中使用状态和其他各种React功能。 是的，您没有看错—尽管React是显式的，因为类并没有消失 ，但它们强烈建议开发人员离开类，以便实现状态和生命周期方法并在其位置使用Hooks。 “准备就绪后，我们鼓励您开始在编写的新组件中尝试使用Hooks。 确保团队中的每个人都在使用它们并熟悉本文档。 我们不建议您将现有的类重写为Hook，除非您计划以任何方式重写它们（例如，修复错误）……从长远来看，我们希望Hooks是人们编写React组件的主要方式。 ，或两者兼而有之？ Hooks打算解决哪些问题？ 钩子不仅仅凭空出现； 它们的创建是为了解决在使用React开发时经常发生的三个问题，这些问题是Sophie Alpert和Dan Abramov在他们在React Conf…
我第一次与Redux约会后学到了什么

不久前，在附近没有人希望Angular成为主要的技术专长之后，我决定跳上React火车。 令人震惊的是，许多雇主正在为这个新来的孩子解雇Angular。 但这就是事实，我决定根据市场需求调整技能并提高技能。 库和框架一直在变化。 除了编程范例，结构和思维方式外，编程中没有什么是永久的，但这是完全不同的故事。 这个关于我第一次与Redux约会的故事以及这是我对体验的看法。 让我们从React开始 很多人告诉我，React很容易-他们没有说谎。 React IS绝对比Angular 2更容易上手，尤其是如果您没有任何经验的话。 这使人想起了Angular 1的原始时代，那时您可以将框架放到任何地方，而不必按照Angular 2+的建议进行大规模且独立的设置。 但是，任何真正简单的事情都会为创意编码人员带来复杂的空间。 React =接口 当您开始使用React时，人们没有告诉您的是，它只是一个接口组织库，使编码更容易。…
介绍React

什么是React？ React是一个声明式的，基于组件的JavaScript库，用于构建用户界面。 它是由Facebook员工Jordan Walke创建的，分别于2011年和2012年首次部署在Facebook和Instagram上。 React已迅速变得非常流行，并在包括Netflix，Imgur，SeatGeek和Airbnb等在内的许多世界上最受欢迎的网站和应用程序中都有。 入门 这篇文章将指导我们如何概念化设置和利用依赖于模拟API的搜索产品表，以Facebook“ Thinking in React”为指南提供填充和呈现我们的应用程序所需的数据。 全文可在此处找到。 组成部分 如前所述，React是一个基于组件的库。 通过构建组件，开发人员可以使应用程序能够管理自己的状态，然后将数据“向下”传递给整个应用程序中的其他组件。 随着数据向下传递，它将被呈现到DOM或进一步向下传递到其他组件（然后将其呈现到DOM）。 心理模型 对应用程序进行建模可能很困难，而且在设计的早期阶段，我们的心理模型就变得有些朦胧并不罕见。 由于React组件通常存在于其他React组件内部，因此很容易通过（从字面上）画出组件之间的关系来概念化应用程序的蓝图。…
React Hooks入门-useState（第一部分）

React 16.8引入了新的Hooks概念，可让您使用状态 以及基于功能的组件中的其他React功能。 反应钩 因此，让我们首先了解什么是React Hook ？ React Hook是一项特殊功能，可让您“ 挂钩 ” React功能。 挂钩在类内部不起作用-它们使您可以在没有类的情况下使用React。 例如， useState是一个Hook，可让您将React状态添加到基于功能的组件中。 React提供了一些内置的钩子，如useState，useEffect，还允许我们创建自己的钩子。 在这一部分中，我们将学习在react中使用useState。 在接下来的部分中，我们将了解剩余的两个。…
您应该了解的最受欢迎的React库

由FaceBook工程师开发，于2011年首次在Web应用程序中使用，React作为开源发布给全世界的开发人员，可在移动应用程序中使用。 随着React开发人员的雇用增加，这种趋势似乎可以持续很长时间，并且将通过敏捷的功能发展前端开发。 赋予使用JavaScript而不是复杂模板编写代码的机会是增加技术倾向的关键点，该技术导致跨应用程序传递丰富的数据。 除了移动应用程序开发的其他有希望的方面，React还解决了构建复杂UI方面最令人沮丧的事情之一：处理DOM API，该API可以有效，高效地对HTML和XML文档进行更改。 React变得流行的原因还有很多，例如服务器端渲染以及实际上可以以声明性方式描述UI的事实。 以下是全球顶级React开发人员使用的一些流行工具集： 1. React Material用户界面 React Material UI是一个流行的框架，实现了Google的Material Design原则。 它包含大量的组件，包括条形，表格，按钮，导航等。 它甚至包括900多个要在您的UI中使用的SVG图标。 Material-UI看起来不错，但也有一些缺点。 2.…

Supreme Topics

蓝焰

我在朱维的时光

（过度）信心

图书馆：我在SCONUL会议上的讲话

斯瓦米和朋友

人生故事

角色扮演者的旅程

创建一个大陆

我在2018年读和听的内容

如果学生阅读更多书籍怎么办？ （3/365）

在阿芙罗狄蒂的脚步

给幽灵（或前任）的公开信

Trendendo上我们最喜欢的书之一！ – Trendendo –中

女人–拉梅什·考尔–中

大本营挽救了我的（工作）生活。