что просто не так работает

не понятна суть

в чем проблема?

ааа

там скобка лишняя

'react]'

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

он про webpack-dashboard

а как ты его запускаешь? и можешь с 40 дюймового моника еще скриншоты скидывать. Прям все видно будет

'react]'

Это я сам ошибку сделал спициально

Просто это все не в рамках работает

а

ок

как запускаешь-то?

все нашел ошибку нужно было еще в эту строчку добавить "start": "webpack-dashboard — node ./node_modules/webpack-dev-server/bin/webpack-dev-server.js",

205 модулей... красота)

Чё-то вообще не понимаю как использовать react-intl

У меня есть набор текстов, который я бы хотел форматировать (подставлять значения) и вставлять

Допустим, «Апартаменты от {formattedPrice} млн руб», где formattedPrice флоат

При этом сообщения нужно брать из конфига, потому что они могут различаться

Где-то «Апартаменты от {formattedPrice} млн руб с парком рядом», где-то «… в окружении леса»

При этом сообщения нужно брать из конфига, потому что они могут различаться

Возьми просто FormatJs - без обертки https://github.com/yahoo/intl-messageformat

Да вообще по идее мне эта штука в принципе не нужна

всем салам ✋

какой плагин для i18n используете?

что можете плохого сказать про https://github.com/i18next/react-i18next?

react-intl

что можете плохого сказать про https://github.com/i18next/react-i18next?

FormatJs круче.

ребят как react-json подключить?

руками?

import 'react-json'

в проекте он есть(в package.json) а как его юзать

делаю import 'react-json

потом <Json value={ data } />, getElementByID('root');

data = {.....}

ReferenceError: Json is not defined

import Json from 'react-json'?

or import { Json } from 'react-json'

Сориентируйте, могу ли я в реакт-интл сделать так import { defineMessages } from 'react-intl'; const dictionary = { subTitle: { id: subTitle, defaultMessage: Апартаменты от {formattedPrice} млн руб, }, } defineMessages(dictionary); <FormattedMessage id="subTitle" values={{ formattedPrice: 100.2 }} />

Сориентируйте, могу ли я в реакт-интл сделать так import { defineMessages } from 'react-intl'; const dictionary = { subTitle: { id: subTitle, defaultMessage: Апартаменты от {formattedPrice} млн руб, }, } defineMessages(dictionary); <FormattedMessage id="subTitle" values={{ formattedPrice: 100.2 }} />

Потому что мне примерно такое нужно — общий словарь и потом рендеринг сообщения

Сориентируйте, могу ли я в реакт-интл сделать так import { defineMessages } from 'react-intl'; const dictionary = { subTitle: { id: subTitle, defaultMessage: Апартаменты от {formattedPrice} млн руб, }, } defineMessages(dictionary); <FormattedMessage id="subTitle" values={{ formattedPrice: 100.2 }} />

примерно так можешь

edit-element.jsx:4Uncaught Error: Cannot find module "././static/params.js"(…)

как искать файл в соседнем каталоге?

'../static/fileName'

там обычный объект, перед которым export

'../static/fileName'

спасибо

подскажите как подключить без вебпака части реакта

то есть я ярном установил их

а в файл как? import не сработает же

require('react')?

babel тебе поможет

ну или babel

require() только

а в файл как? import не сработает же

а бабелем как?

import React from "react"

а бабелем как?

http://babeljs.io/docs/faq/

тут ставить веб пак надо тебе

прочитай там

и вот это https://github.com/verekia/js-stack-from-scratch

судя по всему ты вернулся из отпуска от фронтенда

ребят, подскажите я что то вообще заблудился тогда(

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

я уже все волосы изорвал

ответ на самом деле "как хочешь"

require('react') require('react-dom') require('react-json') const data = [ { author: 'Саша Печкин', text: 'В четверг, четвертого числа...' }, { author: 'Просто Вася', text: 'Считаю, что $ должен стоить 35 рублей!' }, { author: 'Гость', text: 'Бесплатно. Скачать. Лучший сайт - http://localhost:3000' } ]; ReactDOM.render( <Json value={ data }/>, document.getElementById('root') );

вот так хотел

но что то никак

function App() { return <pre>{JSON.stringify(yourJsonObject)}</pre> } ReactDOM.render(<App />, container);

<Json value={ data }/>, А где объявление Json?

я думал он подключается как либа

А что значит "но что то никак"? require('react-json') Вот это скорее var Json = require('react-json')

Вообще, вот с этим компонентом у меня все отлично работало. Но там дерево полноценное интерактивное (возможно будет оверхедом для твоей задачи). https://github.com/alexkuz/react-json-tree

@kamMIF разберись с тем, как работает модульность в es6

Вечер добрый, посоветуйте полезные материалы по написанию тестов js, в частности реакт компонентов. Ранее не занимался тестированием, поэтому даже не знаю с чего начать) заранее спасибо

есть тут кто занимался оптимизацией react приложения? смотрю в хром девтулсе в timeline - если на странице есть Infinite повторяющаяся css анимация, после каждого исполнения анимации - реакт делает repaint приложения. обычная css анимация, repaint происходит не в том компоненте где элемент с анимацией, а в разных участках приложения. сталкивался кто с таким поведением?

Вечер добрый, посоветуйте полезные материалы по написанию тестов js, в частности реакт компонентов. Ранее не занимался тестированием, поэтому даже не знаю с чего начать) заранее спасибо

https://www.sitepoint.com/test-react-components-jest/

https://www.sitepoint.com/test-react-components-jest/

Спасибо!

как с помощью mocha проверить, что асинхонная функция бросает исключение? Так не работает it("Should accept only a single vote from a token", async () => { // when await poll.vote(web3.sha3('token1'), 1); // then assert.throws(async () => await poll.vote(web3.sha3('token1'), 1), Error); });

вариант с try catch и assert.fail работает, но хочется более семантичный ассерт использовать

вариант с try catch и assert.fail работает, но хочется более семантичный ассерт использовать

в mocha v3+ ты можешь в тесте возвращать Promise, тогда раннер будет ждать резолва/режекта для проверки бросания исключения можешь использовать либо те же async/await, либо http://chaijs.com/plugins/chai-as-promised/

на реакте есть аналог bootstrap только без jquery?

на реакте есть аналог bootstrap только без jquery?

Тип это? http://blueprintjs.com/

наверное, надо посмотреть кишки

бутстрап тянет кучу говна старого с собой

react-bootstrap

там jquery тянется кажись

так проверь

в любом случае тебе шашечки или бутстрап в реакте?

те сами не знаем но советуем?)

лол

мне чтобы квери не было

ты спросил