это да

я предлагал Далтону в лодаш добавить, но он сказал что у него либа для синхронщины, а для асинхронщины есть async =/

эм, у него либа утилит)) иначе каким боком там debounce/throttle

shrug.jpeg

я предлагал Далтону в лодаш добавить, но он сказал что у него либа для синхронщины, а для асинхронщины есть async =/

+ 1 за anync - не знал o_O

нене async не нужен

эм, это прям оч старая либа для ноде-стайл-коллбэков) хорошая, но не для промисов вообще

нене async не нужен

ты иммешь ввиду лучше Bluberd / RxJs или просто что async вообще сам по себе неочень?

ну вот Никита все верно написал

посоны что делать если вебпак ломается если в урле есть точки (asdasd.asdasd.qweqwe)?

https://github.com/webpack/webpack-dev-server/pull/303

не могу победить

_НИД ХЕЛП_

так там же совет есть по поводу хистори

не использовать webpack dev server

express + webpack-dev-middleware + webpack-hot-middleware

не использовать webpack dev server

поч

так там же совет есть по поводу хистори

реврайтс не работает, а disable dot только с версии 1.3.0, а webpack-dev-server тянет 1.1.0

ну тогда как выше в примере экспресс + мидлвары

сделал через реврайтс короче

var path = require('path'); var express = require('express'); var webpack = require('webpack'); var config; if(process.env.NODE_ENV === 'production') { config = require('./webpack.prod.config'); }else{ config = require('./webpack.dev.config'); } var app = express(); var compiler = webpack(config); var Dashboard = require('webpack-dashboard'); var DashboardPlugin = require('webpack-dashboard/plugin'); var dashboard = new Dashboard(); compiler.apply(new DashboardPlugin(dashboard.setData)); app.use("/assets", express.static(path.join(__dirname, 'assets'))); app.use(require('webpack-dev-middleware')(compiler, { noInfo: true, publicPath: config.output.publicPath })); app.use(require('webpack-hot-middleware')(compiler)); app.use('/public', express.static('public')); app.get('*', function(req, res) { res.sendFile(path.join(__dirname, 'index.html')); }); app.listen(3000, function(err) { if (err) { console.log(err); return; } console.log('Listening at http://localhost:3000'); });

Только дашборд удалить

а почему не юзать вебпак дев сервер?

Я не знаю, я не местный

слушайте, а React.renderToString синхронный же?

Да

то есть если я, грубо говоря, делаю на сервере global.language = 'ru' renderToString(<MySuperApp/>); то я могу не париться, что параллельный реквест перезапишет language

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

Локаль может использоваться не только при рендеренге компонентов, но и там где ты асинхронно фетчишь данные чтоб наполнить стор, так что класть куда-то все же придется

Есть мысль гульнуть на все сто и втащить в проект jss, кто-нибудь использует его в своих проектах или может есть что получше?)

Локаль может использоваться не только при рендеренге компонентов, но и там где ты асинхронно фетчишь данные чтоб наполнить стор, так что класть куда-то все же придется

Все равно ты точно знаешь, какие данные тебе фетчить, так что локаль можно передать в префетч-метод

То есть на момент рендера все данные уже должны быть на месте, вот я к чему

Ребят, как два метода класса вызвать в рендере на onclick?

onClick ={() => {this.one();this.two();}}

про это?

onClick ={() => {this.one();this.two();}}

?

:(

да, но в таком случае я теряю event

да, но в таком случае я теряю event

не совсем

ну и setState сделать не могу

this.setstate is not a function

constructor(props) { this.handleClick = this.handleClick.bind(this); } handleClick(event) { this.one(event); this.two(event); } render() { return ( <button onClick={this.handleClick}>Click</button> ); }

оптимизируйте сейчас лучше, чтобы потом головой не биться

я так и сделал, но не хотел лишний метод писать для обертки этих двух

хах

лучше так, чем каждый рендер цикл создавать функцию с помощью () => {}

ок спс

Но можно и там ее забиндить, если очень хочется

Но можно и там ее забиндить, если очень хочется

как?

Но не нужно

он все равно будет каждый раз новую функцию возращать

или ты имеешь ввиду после объявления в классе?

Да. Просто если каждый раз писать .bind(this), то конкретная проблема уйдет

Но лучше так не делать, конечно

handleClick(event) { this.one(event); this.two(event); }.bind(this) ?

Так разве можно?

да у меня оба метода в конструкторе забинжены

(() => {}).bind(this)

а

не, это плохой способ

ERROR: S client not available

this.handleShowScholarship = this.handleShowScholarship.bind(this); this.handleSelectItem = this.handleSelectItem.bind(this); onClick={() => { this.handleSelectItem(); this.handleShowScholarship(); }}

О чем я сразу и уточнил

так нельзя можно arrow function но лучше не надо ибо в стандарте такое даже не виднеется, лучше в конструкторе

+

this.handleShowScholarship = this.handleShowScholarship.bind(this); this.handleSelectItem = this.handleSelectItem.bind(this); onClick={() => { this.handleSelectItem(); this.handleShowScholarship(); }}

и вы все равно при каждом рендере создаете новую функцию

constructor(props) { this.handleClick = this.handleClick.bind(this); } handleClick(event) { this.one(event); this.two(event); } render() { return ( <button onClick={this.handleClick}>Click</button> ); }

вот это вариант лучше

Гриша, бабель прогонит и оно будет работать, просто никому не рассказывай, что так сделал)

это про arrow function

вообще стоит любые объявления объектов (style={{ width: 100, height: 100 }}) в render выводить, по возможности в константу, а лучше сразу целые элементы, чтобы наверняка

Гриша, бабель прогонит и оно будет работать, просто никому не рассказывай, что так сделал)

Это конечно клево, но если писать хотя-бы близко к стандартам то в один прекрасный день babel можно выпилить а код оставить а не наоборот))

Это конечно клево, но если писать хотя-бы близко к стандартам то в один прекрасный день babel можно выпилить а код оставить а не наоборот))

я и сейчас не использую babel

поэтому палево

Так как у меня сейчас немного освободилось времени, я хочу попрактиковаться в React/Redux. Я работаю сейчас с Electron и есть желание что-то сделать с использованием этих технологий. Только вот что - не знаю. Думал Markdown редактор, но я уже работаю над одним, хоть он и на Vue, но от второго такого же на React нет смысла. Кто может что-нибедь посоветовать? Просто пилить какие-то специфичные инструменты не хочу из-за их минимальной восстребованности, хотелось бы что-то для более широкого круга людей.

awesome todolist

awesome todolist

Интересный вариант, только надо будет придумать какие-то киллер фичи P.S. к слову, на хакатоне WTH 2 делал как раз todo list, который хотел также назвать, но потом назвал "Kosherniy планировщик"

Есть еще сахар для контекста this: this.onClick = ::this.onClick

время хреновых советов

Есть еще сахар для контекста this: this.onClick = ::this.onClick

не подходит тем, кто не юзает babel

А что там с class public fields? Я так понял оно сейчас в stage 2?

Но все еще опасно юзать

Судя по всему

паблик и прайват оба пропозала на 2 вроде

а, нет прайват на 1

ну это потому что Кевин ушел из жс. они ща вместе будут двигаться

прайват тоже ljharb забрал

@chicoxyzzy ты ведь следишь. Там есть проблемки, чтобы оно не вошло в ближайшие стандарты?

есть немного. в ближайшие не войдет

в основном проблемы у private fields

и так как их двигать решили вместе, то паблик филдс тоже притормозят