tyv

[16:11:21] Starting 'release'...
  electron-osx-sign Pre-sign operation enabled for entitlements automation with versions >= `1.1.1`; disable by setting `pre-auto-entitlements` to `false`. +0ms
  electron-osx-sign Automating entitlement app group... +0ms
  electron-osx-sign `ElectronTeamID` found in `Info.plist`: REAPLCED:TEAM_ID +12ms
  electron-osx-sign `com.apple.security.application-groups` found in entitlements file: REAPLCED:TEAM_ID.com.ChatGrape +0ms
  electron-osx-sign Signing application... +0ms
  electron-osx-sign > application         /Users/yuritkachenko/projects/ge/releases/Grape.app +0ms
  electron-osx-sign > platform            mas +0ms
  electron-osx-sign > entitlements        /Users/yuritkachenko/projects/ge/resources/osx/parent.plist +0ms
  electron-osx-sign > child-entitlements  /Users/yuritkachenko/projects/ge/resources/osx/child.plist +0ms

tyv

function B(props) {
  //...
}

B.propTypes = { 
  //...
}

function A(props) {
  return (

tyv

function A(props) {
  return (
    const {unknown, ...rest} = props
    <A prop={unknown}
      // input still contains a lot of `Unknown`
      // because B require them
      <input {...rest} /> 
      <B {...rest} />
    </A>
  )	

tyv

    if (keys.length) {
      const re = new RegExp(keys.join('|'), 'g')
      const newContent = []
      const keysInText = content.match(re)

      content
        .split(re)
        .forEach((substr, i, arr) => {
          newContent.push(substr)
          if (i < arr.length - 1) newContent.push(<strong>{keysInText[i]}</strong>)

tyv

Валидация

Самое очевидное, разметка должна быть валидной. Это как отче наш или как помыть руки после туалета. Часто встречаются глупые ошибки, которые не влияют ни на что, но сразу стновится понятно, что автор руки не помыл. Ну а если ошибки серьезные, то и говорить не о чем дальше.

Семантика

Не думайте о документе, как о сопосбе превратить картинку в такую же, но в браузере.

tyv

Array.prototype.filter.toString()
"function findAll(iterator, context) {
    var results = [];
    this.each(function(value, index) {
      if (iterator.call(context, value, index))
        results.push(value);
    });
    return results;
  }"

tyv

WvNNjG

A Pen by Yuri Tkachenko on CodePen.

License.

tyv

* {}

tyv

.parent,
.child
{
	width: 200px;
	height: 200px;
	
	border: 4px solid red;
	
	transform: translate(10px, 10px);
}

tyv

ul, ol
{
	font: 16px Arial;
	width: 200px;
	
	margin: 0;
	padding: 0;
}

body