Size: a a a

Atomic Design for React

2017 March 27

🦉⁣

🦉 ⁣ in Atomic Design for React
Название к этому отношения не имеет))
источник

G

GG in Atomic Design for React
Не, название должно пиарить производителя
источник

🦉⁣

🦉 ⁣ in Atomic Design for React
React
источник

🦉⁣

🦉 ⁣ in Atomic Design for React
О Фейсбуке не слова
источник

🦉⁣

🦉 ⁣ in Atomic Design for React
))
источник

🦉⁣

🦉 ⁣ in Atomic Design for React
Да и этот дизайн придумал не я
источник

G

GG in Atomic Design for React
Но производство твое же
источник

G

GG in Atomic Design for React
Все знают что react это Фейсбук, но не кто не догадается что react-template-atomic это atomix
источник

G

GG in Atomic Design for React
Хотя, если выкладывать в репе atomix, то вроде без разницы к какое название
источник

🦉⁣

🦉 ⁣ in Atomic Design for React
Откроет npm там будет
источник

🦉⁣

🦉 ⁣ in Atomic Design for React
Надо svg лого сделать только
источник

G

GG in Atomic Design for React
Так atomix и react лого почти одинаковое) - атом
источник

🦉⁣

🦉 ⁣ in Atomic Design for React
Вот надо больше отличий придумать
источник

G

GG in Atomic Design for React
У ember кстати самодостаточное лого, такого нет, видишь бурундука, сразу понятно что emmber
источник
2017 March 31

AM

Artem Maximum ☃🎄 in Atomic Design for React
Привет @sergeysova, хотел спросить кое что по архитектуре у тебя, правильно ли размещать вот такую штуку:

const req = require.context('.', true, /\.\/[^/]+\/[^/]+\/index\.js$/)


req.keys().forEach((key) => {

  const componentName = key.replace(/^.+\/([^/]+)\/index\.js/, '$1')

  module.exports[componentName] = req(key).default

});


в index файле каждого route-а и в папке components тоже?
https://www.screencast.com/t/NuNU2KGBr

для того чтобы подключать компоненты вот таким образом:
import { HomePage, SamplePage, NotFoundPage } from 'components'


Или может есть более элегантный способ это сделать?
источник

🦉⁣

🦉 ⁣ in Atomic Design for React
Artem Maximum ☃🎄
Привет @sergeysova, хотел спросить кое что по архитектуре у тебя, правильно ли размещать вот такую штуку:

const req = require.context('.', true, /\.\/[^/]+\/[^/]+\/index\.js$/)


req.keys().forEach((key) => {

  const componentName = key.replace(/^.+\/([^/]+)\/index\.js/, '$1')

  module.exports[componentName] = req(key).default

});


в index файле каждого route-а и в папке components тоже?
https://www.screencast.com/t/NuNU2KGBr

для того чтобы подключать компоненты вот таким образом:
import { HomePage, SamplePage, NotFoundPage } from 'components'


Или может есть более элегантный способ это сделать?
Лучше явно писать
источник

AM

Artem Maximum ☃🎄 in Atomic Design for React
допустим мненужно подключить route, в главный routes файл
мне подключать туда Page из
app/routes/example/components/pages

верно?
источник

AM

Artem Maximum ☃🎄 in Atomic Design for React
в таком случае index файл можно выкинуть или он для чего то может еще пригодится?
источник

🦉⁣

🦉 ⁣ in Atomic Design for React
Artem Maximum ☃🎄
в таком случае index файл можно выкинуть или он для чего то может еще пригодится?
Для атомов, молекул и организмов
источник

🦉⁣

🦉 ⁣ in Atomic Design for React
Чтобы
import { Button } from "./components/atoms"
источник