7 小时前 / 冷星1024
Photo byLiana MikahonUnsplash 原文：https://www.freecodecamp.org/news/async-generators-as-an-alternative-to-state-management/fbclid=IwAR2Py7k7WayAE_zq4tkd99pj3oBP7scsKp9mZbPCtv_zJqvhN4eOVAef6M8 作者：Vitalii Akimov 译者：luyc 校对者：Miya 提示：文中的蓝色字体可点击“阅读原文”访问更多内容 Async Generators（异步生成器）是一个简单但功能强大的特性，它现在已经是JavaScript的一部分，它解锁了许多新的工具来改进软件结构，使其更加灵活、易扩展、更易组合。 概括- 使用Async Generators，将不再需要组件状态、状......
14 天前 / 读芯术
全文共2788字，预计学习时长6分钟 如今，JavaScript 框架、HTML和CSS已经成为现代软件项目前端开发中必不可少的部分。到了2020年，为web应用开发项目选择合适的JavaScript框架依旧是个问题。 正在阅读本文的你，想必也在烦恼应用程序开发的技术堆栈应该如何选择。做决定很困难，此文正是为各位创业者解决困境而作。技术堆栈选择的常见问题有： React还是Vue：新的web开发项目选用哪个更好？ 两者中谁表现更好？ 开发者更喜欢哪一个？ 哪一个更适合小型web应用程序 哪一个更可靠？ 阅读......
21 天前 / 王键创生
为了实现代码规范，我们在使用中会使用诸多插件，比如eslint、prettier、commitlint、stylelint等等，在新项目中这样一套组合拳下来，也是稍显繁琐，另外还要定制配置文件，某种程度上来说是体力活。 本文的目的是介绍如何简化配置，统一规范。 1. magic-lintmagic-lint是一款代码规范工具，集检查、美化于一体，能够检查commit信息，通过hook在代码提交时规范代码，里面包含这些: eslintstylelintprettierlint-stagedhuskycommitlint使用magic-lint之后就不需要单独安装上述插件，可以无门槛使用。 1.1 安装npm install magic-lint --save-dev......
45 天前 / 噶牛爱尚
写文章带着问题看React-Redux源码（一万四千字长文预警）Nero微信公众号 一口一个前端19 人赞同了该文章欢迎关注公众号： 一口一个前端，不定期分享我所理解的前端知识 写在前面之前写了一篇解读Redux运行机制的文章 Nero：简单梳理Redux的源码与运行机制zhuanlan.zhihu.com之后一直想再写一篇React-Redux的解析，但这个源码比较复杂，好在最近收获了一些东西，分享出来。 我在读React-Redux源码的过程中，很自然的要去网上找一些参考文章，但发现这些文章基本都没有讲的很透彻，很多时候就是平铺直叙把API挨个讲一下，而且只讲某一行代码是做什......
66 天前 / 噶牛爱尚
首发于阿里云中台前端/全栈团队专栏写文章在 React 中使用 Shadow DOMHoufengProgramming is playing.73 人赞同了该文章1. Shadow DOM 是什么Shadow DOM 是什么？我们先来打开 Chrome 的 DevTool，并在 'Settings -> Preferences -> Elements' 中把 ' Show user agent shadow DOM' 打上勾。然后，打开一个支持 HTML5 播放的视频网站。比如 Youtube： 可以看到 video 内部有一个 #shadow-root ，在 ShadowRoot 之下还能看到 div 这样的普通 HTML 标签。我们能知道 video 会有「播放/暂停按钮、进度条、视频时间显示、音量控制」等控件，那其实，......
74 天前 / itclanCoder
虽互不曾谋面,但希望能和你成为笔尖下的朋友 以读书,技术,生活为主,偶尔撒点鸡汤 不作,不敷衍,意在真诚吐露,用心分享 点击左上方,可关注本刊 撰文| 川川 VX-ID:suibichuanji 点击下方小程序可看视频 点击文末左下方阅读原文,可看更多内容 （妹子搁这了,不点点看看么） 前言 props与state都是用于组件存储数据的一js对象,前者是对外暴露数据接口,后者是对内组件的状态,它们决定了UI界面显示形态,而若想要用户与界面有些交互动作 也就是web浏览器通知应用程序发生了什么事情,例如:鼠标点击,移动,键盘按下等页面发生相应的反馈,......
74 天前 / 噶牛爱尚
首发于最美前端写文章解读源码系列——create-react-app吴战磊曹操出行 资深前端工程师15 人赞同了该文章create-react-app 是一款优秀的react app脚手架，我花了一些时间把源码做了一个梳理和解读，用注释的方式把主线做了一个引导，大家可以一起学习下： github项目地址：https://github.com/mutong772817723/single-app-cli 该项目已经发布到npm上面，可以用于构建单页面应用 //安装single-app-clinpm install single-app-cli -g//创建一个单页面应用single-app-cli 这期解读了createapp的整个过程，下拉git模板项目的过程这期没有，后续会继......
84 天前 / 美码师
概念Reactive Programming(响应式编程)已经不是一个新东西了。关于 Reactive 其实是一个泛化的概念，由于很抽象，一些理论性的介绍很容易把人带到沟里去，包括一些语言框架在实现上也会使用不同的一些概念。 按照 维基百科的解释： reactive programming is a declarative programming paradigm concerned with data streams and the propagation of change 意思就是，Reactive Programming 就是一种面向数据流、关注变更的声明式编程范式。面向数据流比较容易理解，而关注变更则说的应该是数据流的特点，比如来自某个界面元素属性的变更(前......
97 天前 / 冷星1024
翻译：刘小夕 原文链接：https://dmitripavlutin.com/7-architectural-attributes-of-a-reliable-react-component/ 原文的篇幅非常长，不过内容太过于吸引我，还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长，我不得不进行了分割，本篇文章重点阐述 SRP，即单一职责原则。 ————————我是一条分割线—————— 我喜欢React组件式开发方式。你可以将复杂的用户界面分割为一个个组件，利用组件的可重用性和抽象的DOM操作。 基于组件的开发是高效的：一个复杂的系统是由专门的、易于管理......
104 天前 / 小米云技术官方
本文梳理了容器与展示组件、高阶组件、render props这三类React组件设计模式 往期回顾：HBaseCon Asia 2019 Track 3 概要回顾 随着 React 的发展，各种组件设计模式层出不穷。React 官方文档也有不少相关文章，但是组织稍显凌乱，本文就组件的设计模式这一角度，从问题出发，为大家梳理了常见的设计模式。看完这篇文章后，你将能得心应手地处理绝大多数 React 组件的使用问题。开始之前先解释一下什么是设计模式。所谓模式，是指在某些场景下，针对某类问题的某种通用的解决方案。本文所阐述的设计模式并不是编程通用的设计模式，如大家熟悉......
122 天前 / itclanCoder
虽互不曾谋面,但希望能和你成为笔尖下的朋友 以读书,技术,生活为主,偶尔撒点鸡汤 不作,不敷衍,意在真诚吐露,用心分享 点击左上方,可关注本刊 点击文末下方小程序可看视频,土豪请随意 点击阅读原文,可看更多内容 撰文 | 川川 1.JSX中添加属性有什么要注意的以及JSX中的子元素是怎么操作的 2. 组件的大小写问题,使用拓展运算符,以及怎么循坏遍历一个对象 3. JSX中的prop指的是什么以及表单的labe应该要注意什么 以上问题即使自己很清楚,但是否有时却总是道不清,说不明？那么读完本文,就豁然开朗了 J......
122 天前 / u525858
写文章React Native自定义下拉刷新组件Jesse前端码农2 人赞同了该文章React Native 自定义下拉刷新组件 PullToRefresh针对猴急一些的同学，可以先在这个 Expo网站在线运行下demo看看效果。 完整的代码，在 Github仓库。 下拉刷新，是一个很常见的交互方式。React-Native(以下简称RN)内置的 FlatList 是支持下拉刷新组件的，通过设置 refreshControl属性即可。通常我们不仅仅需要定制下拉组件，还需要在下拉过程中，下拉组件执行一些动画，比如在我们场景下，公司logo会随着下拉的幅度，不同的笔画还是显现出颜色。这就需要我们的下拉组件，知道当......
123 天前 / Jartto
最近要使用 Electron 来构建 React 项目，突然发现之前的 Demo已经不能正常运行了，有些感概技术发展的迅猛。如果你还不了解 Electron，可以看我之前的文章：初探 Electron - 理论篇，理论知识没有变。如果你想了解 Electron5.0 版本如何构建 React 项目，不妨继续看本文。 需要注意：网上流传的 1.0 版本的项目应该已经启动不了了。 一、为什么要写此文之前研究的时候，Electron 还是 1.0 版本，因此写了一系列的文章。 初探 Electron - 理论篇初探 Electron - 升华篇初探 Electron - 实践篇1初探 Electron - 实践篇2经过本次尝试，发现 5.0 版......