chat-rooms/reactjs.rus

React.js / ReactJS / Flux Chat for Russian-speaking developers

Konstantin Tarkus

@koistya

var React = require('react/addons');

Vladimir Kutepov

@frenzzy

А есть что-нибудь на русском про react почитать/посмотреть?

Konstantin Tarkus

@koistya

Наверняка, в основном на Хабре:
http://habrahabr.ru/post/222573/
http://habrahabr.ru/post/220845/
http://habrahabr.ru/hub/ReactJS/

Konstantin Tarkus

@koistya

Если использовать inline CSS, можно иметь заготовочки для общего использования..

// Inline CSS
var style = {
  hidden: { display: 'none' },
  invisible: { visibility: 'hidden', display: 'none' }
};

// React Component
<Element style={{ !this.state.visible && style.invisible }} />

Illia Seheda

@ALF-er

facebook/react#1877

Illia Seheda

@ALF-er

Пинтерест свою аналитику на Реакте забабахал http://engineering.pinterest.com/post/104418761649/building-pinalytics-pinterests-data-analytics (о самом Реакте мало, но + ещё одно большое приложение)

Dean Rie

@deanrie

This message was deleted

Sergey Rubanov

@chicoxyzzy

господа. если кто-то пользуется slack, то могу пригласить в англоязычную группу по реакту. там очень даже адекватно и даже тусуется vjeux

Dean Rie

@deanrie

@chicoxyzzy меня пожалуйста

Sergey Prokhorov

@proxyfabio

и меня, пожалуйста, если не сложно : )

Sergey Rubanov

@chicoxyzzy

нужны адреса куда выслать @deannnrie @proxyfabio

@deannnrie выслал на тот, что указан на гитхабе

Sergey Prokhorov

@proxyfabio

proxyfabio@gmail.com

Sergey Rubanov

@chicoxyzzy

выслал

Sergey Prokhorov

@proxyfabio

спасибо

Dean Rie

@deanrie

@chicoxyzzy благодарю :)

Vladimir Gorshunov

@vladimirgorshunov

Всех приветствую
@chicoxyzzy можно мне тоже? gorshunov.vladimir@gmail.com

Anton Byrna

@itrelease

@chicoxyzzy it.release@gmail.com pls

@chicoxyzzy thx

Andrei Daniliuk

@adaniliuk

@chicoxyzzy и меня, пожалуйста

Sergey Rubanov

@chicoxyzzy

@adaniliuk для этого мне нужна почта

Andrei Daniliuk

@adaniliuk

@chicoxyzzy отправил в личку, спасибо!

Alexey Solilin

@solilin

@chicoxyzzy можно и мне alexey@solilin.ru

Anton Ignatov

@a-ignatov-parc

Ребят, вы можете сами себе выслать приглашения в ту группу через http://reactiflux.com/

Sergey Rubanov

@chicoxyzzy

+
я уже устал. да и чатик уже засрали

Victor Login

@batazor

Подскажите насколько неправильна такая архитектура приложения на базе ExpressJS Flux gist

Konstantin Tarkus

@koistya

Думаю views не нужны, так как HTML страницы будут генерится из React.js компонентов
Public папка помойму тоже не нужна, т.к. эти файлы генерятся во время билда. Если нужно можно их билдить в ./build/public (папка ./build очищается при новом билде)

Основная часть приложения это React.js компоненты (UI element-ы), если нужно развернуть несколько подпапок чтобы до них добраться, будет не удобно... /app/assets/js/components/ -> /app/components/ (или /src/components/)

Konstantin Tarkus

@koistya

CSS и картинки удобнее держать на уровне компонентов, а не шарить их между компонентами. Т.е. /app/assets/img/, /app/assets/css/ не нужны, вместо этого CSS и картинки для каждого компонента находятся в папке с компонентом? /src/components/ComponentName/

Victor Login

@batazor

@koistya Спасибо, попробую взять за основу react-starter-kit

Victor Login

@batazor

@koistya Осталься вопрос, куда положить серверный код (модели бд и т.п.) в ту же папку или другую? обновил структуру

Konstantin Tarkus

@koistya

@batazor А какой функционал будет у серверной части? Например, server-side rendering реакт компонентов, это всего несколько строчек кода, которые можно поместить в ./src/server.js (Express.js сервер)

Konstantin Tarkus

@koistya

@batazor Или, например, если серверная часть будет отвечать за RESTful API endpoint (e.g. www.example.com/api/) можно положить этот код в ./src/api/... Хотя, RESTful сервисы это больше для публичных API, а для внутреннего использования SPA приложением удобнее юзать что-то вроде GraphQL + Relay

Victor Login

@batazor

@koistya У серверной части функционал главным образом будет сводиться к общению с базой данных(CRUD в основном создание, чтение) и быть может загрузка пользовательских файлов. Что касается использования CSS прям в компоненте, вы про это 1, 2 Как мне кажется основные стили все таки лучше держать в css файле, а в компонентах указывать динамические данные например заполнение прогресс бара и чисто индивидуальные особенности оформления (background, border и т.п.). Например как тут

Konstantin Tarkus

@koistya

@batazor, на счёт CSS.. inlinde CSS это на любителя, да (хотя, не плохо работает, там где не нужен server-side rendering). Но я говорил про то что CSS (.css, .less, .scss) файлики, картинки и т.п. лучше хранить в папке с компонентом, например:

./src/components/Navigation                    - папка компонента / модуля
./src/components/Navigation/i18n/              - папка с файлами локализации компонента
./src/components/Navigation/Navigation.js      - React.js компонент
./src/components/Navigation/Navigation-test.js - Юнит тесты
./src/components/Navigation/Navigation.less    - стили для компонента
./src/components/Navigation/MenuItem.js        - возможно, какие-то доп. React элементы
./src/components/Navigation/MenuItem-test.js   - юнит тесты
./src/components/Navigation/logo.svg           - возможно, какие-то картинки
./src/components/Navigation/package.json       - настройки модуля

Наименования CSS классов по BEM-y:

.ComponentName { }
.ComponentName--modificator { }
.ComponentName-element { }
.ComponentName-element--modificator { }

Sergey Rubanov

@chicoxyzzy

привет очередной чят

все те же лица

Illia Seheda

@ALF-er

Чувак, предыдущий месседж тут был 26ого марта... Прежде чем садиться протри лавку от пыли

Sergey Rubanov

@chicoxyzzy

пока чят

manakao

@manakao

привет всем

Андрей Листочкин (Andrey Listochkin)

@listochkin

@manakao https://gitter.im/dev-ua/reactjs вот тут чат живой, 1000 с лишним человек

Mariya

@mariyadiminsky

@Mashadim
anyone work with react+mocha+webpack before
I keep getting unexpected token import. I believe this has to do with the way my webpack is set up. It's not going into my test files, yet all my React files etc work.
But I can't figure out what exactly I need to configure.

Razzwan

@Razzwan

this chat is dead

Mariya

@mariyadiminsky

Yep you're right :)

vsevolodg

@vsevolodg

Ищу опытного React fronted разработчика (Медицинский персональный помощник + Чат) https://goo.gl/forms/FPTIH7VKngDF5z2I3

Razzwan

@Razzwan

Кто-то есть?

Vladimir Kutepov

@frenzzy

смотря кто нужен

Razzwan

@Razzwan

Да хоть кто-нибудь.

Чтоб можно было задавать вопросы - и получать ответы. Хоть иногда.

Приятнее общаться с живыми людьми.

Where communities thrive

People

Repo info

Activity