Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    Vyacheslav Slinko
    @vslinko
    ping
    Konstantin Tarkus
    @koistya
    Работает :)
    var React = require('react/addons');
    Vladimir Kutepov
    @frenzzy
    А есть что-нибудь на русском про react почитать/посмотреть?
    Konstantin Tarkus
    @koistya
    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
    пока чят