Парни, подскажите, кто как передает аттрибуты внутрь компонент? у меня мозг разрывается между несколькими вариантами) 1) let { foo, bar, ...rest } = props; <Component {...rest}>...</> 2) let { foo, bar, params } = props; <Component {...params} >...</> 3) let { foo, bar, onClick, href } = props; <Component onClick={onClick} href={href}>...</> 4) Может еще какой-то?

3

3

зачем тогда временные переменные?

можно и без них

но с ними код лучше выглядит

Поддерживаю вариант 3

Это если не надо 500 пропсов передавать

3

Это если не надо 500 пропсов передавать

Это да

Господин anoru понимает к чему я клоню :)

а если надо, то у тебя в ...rest - гнусный клубок из 500 переменных, которыми ты не очень управляешь

как минимум, требует рефакторинга

Поэтому я пришел к params

Самая основная проблема при прокидывание всех пропсов это то, что в react dev tools будет вся эта каша показываться

смежный, кстати, вопрос? как передать всего несколько атрибутов? но когда их не два, а побольше. проксирование подмножества let { onClick, onLoad, onSubmit, onAnyOtherEvent } = this.props <Smth {...({ onClick, onLoad, onSubmit, onAnyOtherEvent })} />

не встречал такой вариант еще)

можно сделать props.handler как хранилище проброшенных хэндлеров

а валидировать типо не надо?

по сути params это оно и есть, только там в принципе все, что можно повесить на тег

а валидировать типо не надо?

PropTypes?

PropTypes?

да

да

там же можно валидировать структуры вроде как

глянул можно

но это какая-то экономия на спичках, экономите пару строк. но в коде появляется дичь вроде {...({ onClick, onLoad, onSubmit, onAnyOtherEvent })}

или еще хуже {...rest}

бывают случаи, когда это полезно

типа в дизайн-обертках к инпутам.

Посоветуйте документацию по ReactJS на русском )

Тебе по верхам или перевод фбшной ищешь?

Верхушки вроде все изучил уже, когда лезу в код готово SPA голова кругом идёт, фбшной - вообще бы идеально было бы.

http://tftf.ru/stati/javascript/reactjs/ вот какой-то похожий, но перевод как-то корежит читать такой. Мне кажется уж лучше в оригинале

Натыкался на этот сайт, тоже не в восторге, но спасибо )

там в репке были pr с переводом на русский

Мне понравился вот этот курс - https://www.gitbook.com/book/maxfarseer/react-course-ru/details

@chicoxyzzy Ты про это ? https://github.com/facebook/react/tree/master/docs/docs

да

сейчас попробовал у себя на одном модуле заменить action creator function + constant на action creator class и вместо type middleware подставляет class.name. Получается меньше кода, только конечно придется следить за уникальностью имен классов

и плюс typescript сахар для конструктора( constructor(public someParam: SomeType) )

Использую серверный рендеринг и добавил resolve.alias в webpack. Возникает проблема на сервере, что не может заинклюдить по такому пути Использовал require-hook, но получил ругань: (function (exports, require, module, __filename, __dirname) { import React, {Component} from 'react'; ^^^^^^ SyntaxError: Unexpected token import

Как быть? ?

Добавь алиасы в babel

https://www.npmjs.com/package/babel-plugin-module-alias

Спасибо, надеюсь решит траббл ?

ну и в довесок https://github.com/tleunen/eslint-import-resolver-babel-module-alias

Хотя стоп. У тебя ругается на реакт, он же в node_modules. Он точно в алиасах?

я заюзал resolve.root

мне кажется у тебя с babel проблема. stage-0 ?

node_mobules добавил в resolve.root и в modulesDirectories

Разве babel виноват? я ж модуль загружаю через require_hook - подменяю путь

транспаленый код, который генерит babel не понимает import. По крайней мере очень на это похоже.

У меня была такая ошибка, когда неправильно babel был настроен. Если бы это был alias то он ругался бы, что не может заимпортить

он и ругался что не может заинклюдить. Тока я начал проблему велосипедом решать - через хуки

Спасибо, попробую модуль

Просто меня смущает что node_modules в алиасах

покапайся вот тут, там есть серверный рендеринг https://github.com/erikras/react-redux-universal-hot-example

Да, шикарная репа ??

https://www.npmjs.com/package/babel-plugin-module-alias

Не помогает. Можно в личку?

Сегодня общался с разработчиками в одном из профессиональных чатов и вот так легко, спонтанно, в естественной форме, у меня взяли интервью про SM. Получилось так по делу, что решил опубликовать. https://medium.com/@DenisIzmaylov/startup-makers-%D0%B4%D0%BB%D1%8F-%D0%B0%D0%BA%D1%82%D0%B8%D0%B2%D0%BD%D1%8B%D1%85-javascript-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%BE%D0%B2-cb8732bd78b6#.dwucb5bgb

Сегодня общался с разработчиками в одном из профессиональных чатов и вот так легко, спонтанно, в естественной форме, у меня взяли интервью про SM. Получилось так по делу, что решил опубликовать. https://medium.com/@DenisIzmaylov/startup-makers-%D0%B4%D0%BB%D1%8F-%D0%B0%D0%BA%D1%82%D0%B8%D0%B2%D0%BD%D1%8B%D1%85-javascript-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%BE%D0%B2-cb8732bd78b6#.dwucb5bgb

ну шикарно же )))

Like. Share. Repost!?

Сегодня общался с разработчиками в одном из профессиональных чатов и вот так легко, спонтанно, в естественной форме, у меня взяли интервью про SM. Получилось так по делу, что решил опубликовать. https://medium.com/@DenisIzmaylov/startup-makers-%D0%B4%D0%BB%D1%8F-%D0%B0%D0%BA%D1%82%D0%B8%D0%B2%D0%BD%D1%8B%D1%85-javascript-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%BE%D0%B2-cb8732bd78b6#.dwucb5bgb

Сколько тебе лет? В каждом посте у тебя читаю про 15 лет разработки.

Уже более :)

А с какого момента ты отсчет ведешь?

С того момента, когда написал свою первую ОС на Assembler :)

а, круто

ну тогда у меня 17 лет разработки

ERROR: S client not available

только я обычно считаю с того момента, как мне начали за это платить

С того момента, когда написал свою первую ОС на Assembler :)

как тот парень на хабрахабре?

просто люди так не скатываются

@DenisIzmaylov у тебя для backend/operations/server engineer - ничего нет? )))

Некоторым платят и без опыта :) Мамонт. Нас таких единицы во Front-end.:)

Ну я не про фронтенд

И я ошибся

я вспомнил самую первую программу

она была еще раньше

во времена диалапа и quake ii

интересно, на вторую кваку есть какой-нибудь эмулятор?

Оно у всех в разное время началось. В Сибири по традиции позже Москвы. Где-то в 98-99 году я начал с Basic, потом Pascal, Assembler, Delphi, Win32 API, COM+/DCOM и понеслось)

а я на Урале

я так и знал, никому бэкенд уже не нужен )))

я так и знал, никому бэкенд уже не нужен )))

у нас .net-разработчики нужны

я просто почитал статью Дениса, сказка, песня, прям захотелось работать с ними )))))

.net не моё ? C# почти что Java, но нет

платформа угнетает. хотя в целом очень даже не сложно, как оказалось )

я просто почитал статью Дениса, сказка, песня, прям захотелось работать с ними )))))

опыт заставляет быть более скептичным

платформа угнетает. хотя в целом очень даже не сложно, как оказалось )

чем?

опыт заставляет быть более скептичным

о да )))) о да. я уже давно в сказки не верю, я их создаю ))

чем?

мне это сложно объяснить в двух словах. это еще с тех самых времён, когда для простого действия нужно было подключать неведомую библиотеку, а при компиляции файл либо весил нехило так, либо требовал какой-нибудь загадочной версии .net, а обычно - и то и другое сразу. и казалось бы, ну что такого то? обычная утилита, к примеру, на питоне или go сейчас решается вообще в пару десятков строк. ну ладно, в полсотни. тем не менее...

я не спорю ни в коем случае, многое изменилось скорее всего

Да ладно вы, .NET хорошая платформа. Я правда с ней всего пару лет работал. Она 5 лет назад была популярна в Европе. Мы тогда запилили пару проектов для Nokia-Siemens Network, там был классный WPF, который прямо как React, ещё дажее больше на него похож, чем Delphi.

.net не моё ? C# почти что Java, но нет

пиздеж

они только по синтаксису похожи

Да ладно вы, .NET хорошая платформа. Я правда с ней всего пару лет работал. Она 5 лет назад была популярна в Европе. Мы тогда запилили пару проектов для Nokia-Siemens Network, там был классный WPF, который прямо как React, ещё дажее больше на него похож, чем Delphi.

А сейчас вообще ого-го, опенсорс технология

developers in 2016

^ что вообще говоря не так и плохо :)

довольно слабоумно

ну хз-хз. Тут все равно работает теория дарвина, вначале есть интерес к любой ерунде, а потом они сами собой умирают