点击上方关注订阅黑码教主获取更多精彩内容
1. 行内样式
class App extends React.Component {
// ...
render() {
return (
<div style={{ background: '#eee', width: '200px', height: '200px'}}>
<p style= {{color:'red', fontSize:'40px'}}>行内样式</p>
</div>
)
}
}
2024年09月10日
点击上方关注订阅黑码教主获取更多精彩内容
1. 行内样式
class App extends React.Component {
// ...
render() {
return (
<div style={{ background: '#eee', width: '200px', height: '200px'}}>
<p style= {{color:'red', fontSize:'40px'}}>行内样式</p>
</div>
)
}
}
2024年09月10日
译者：刘小夕
转发链接：https://levelup.gitconnected.com/5-tips-to-write-better-react-code-a5bca3f9531c
在本文中，我想分享几个技巧，这些技巧将改善你的React代码。
2024年09月10日
原文链接：https://medium.com/better-programming/all-you-need-to-know-about-css-in-js-984a72d48ebc
样式组件化，你将不需要在维护一堆样式表,CSS-in-JS将CSS模型抽象到组件级别，而不是文档级别（模块化）。
你可能听过像CSS-in-JS，Styled Components这样的术语，
2024年09月10日
当你成为一个核心前端开发者或者一个IT团队leader时，想更新技术架构或者优化你的核心技术。在本篇文章中，我们将介绍10款React类库开支撑你的react开发。
Create React App是一款命令行工具，由Facebook的开发团队带来。它将更加容易的帮你构建一个react的项目。包含了开发环境、目录结构、文件、工具类、测试等等，在一开始就为你搞定了准备工作。如果你每次创建react项目的时候还在花费很多时间在手动配置安装依赖库等琐碎事情上，请赶快来试试这个类库吧！
2024年09月10日
自从 2013 年 5 月 29 日发布初始版本以来，React.js 迅速抢占互联网。很明显，包括我在内的很多开发者都从这一神奇的架构中获益。
在 Medium 中有很多关于 React.js 的教程，我真希望在初学 React.js 的时候，其中能有一篇能告诉我下面所列的一些小窍门。
使用箭头函数的时候不需要 .bind(this) 操作
通常，当你有一个受控组件的时候，你的程序多少会包含下面的内容：
2024年09月10日
今天给大家推荐一款非常值得一用的开源矢量图标库CssGG。
css.gg 又一款供设计和前端开发的工具图标库，star高达6.5K+。拥有超过700+
2024年09月10日
前端开发界发展十分迅速。本文将讲述2018年有关JavaScript的最前沿新闻，重大事件以及发展趋势。
WebAssembly 核心规范发布了 1.0 版本
WebAssembly 经常被认为是 Web 世界的未来。它旨在通过提供在网页上运行的二进制格式，最大限度的提高性能，压缩文件大小，并支持多语言的 Web 开发。
2017 年末，所有主流浏览器都宣布其支持 WebAssembly。然后在2018年2月，WebAssembly 又推出 3 个主要发布：
2024年09月10日
console-components 是针对阿里云控制台场景的 React 组件库，基于Alibaba Fusion组件库实现。该项目的代号为Wind。Wind 是阿里云控制台视觉规范的实现者，帮助阿里内部以及生态伙伴的开发者，更快地编写的阿里云控制台应用，无需为视觉规范而困扰。在保障阿里云控制台的体验一致性的同时，降低用户开发成本。
2024年09月10日
在某些情况下，我们会创建一个处在两个数之间的数组。假设我们要判断某人的生日是否在某个范围的年份内，那么下面是实现它的一个很简单的方法
let start = 1900, end = 2000;
[...new Array(end + 1).keys()].slice(start);
// [ 1900, 1901, ..., 2000]
// 还有这种方式，但对于很的范围就不太稳定
Array.from({ length: end - start + 1 }, (_, i) => start + i);