Всем привет, кто подскажет, как лучше сделать данную верстку?

Эту)

так тебе вчера в реакт чатике все объяснили ты структуру выстрой нормально и класс нормально пропиши)) заюзай styled-components еще

Ну а смысл styled-components использовать, стили то я подключил в компонент, они есть.

Эту)

заказать у профи, если не знаешь сам )

Ну а смысл styled-components использовать, стили то я подключил в компонент, они есть.

лучше и удобнее структуру тебе все равно надо переделывать

заказать у профи, если не знаешь сам )

Да я и не делаю её, сам хочу стать профи)

Просто нашел на просторах интернета, вот и думаю как я бы делал её)

лучше и удобнее структуру тебе все равно надо переделывать

Ну понятно, спасибо. Ща styled-components запробую, хотя сомневаюсь чото...

Покажи сами компоненты еще.

Покажи сами компоненты еще.

Мне?

Мне?

+

Ща

блееееееет background: url(home.jpg) 100% 100% no-repeat;

дели bg на свойства

мне еще интересно почему к Компоненту классы, а не в самом компоненте

и почему они работают о_О

+

Home import {Grid, Flex, Box} from 'grid-styled'; import './Home.css'; const HomePage = () => ( <Flex> <Box width={1} className="Home"> Тут текст </Box> </Flex> ); Rates import {Grid, Flex, Box} from 'grid-styled'; import './Rates.css'; class Rates extends Component { render() { return ( <Flex> <Box width={1} className="Rates"> Тут текст </Box> </Flex> ); } }

у тебя флексбоксы на styled-components :)

у тебя флексбоксы на styled-components :)

То есть отдельно стили подключать никак?

в чем плюшки grid-styled?

То есть отдельно стили подключать никак?

Можно подключать. Ток это как-то все стремно выглядт

Или нельзя, хз:D

Можно подключать. Ток это как-то все стремно выглядт

Ну ща, на styled-components перепишу, спасибо, что-то в голове стало проясняться...

https://www.styled-components.com/docs/advanced#issues-with-specificity

дели bg на свойства

Спасибо.

Народ, кто по netcat спец?

чет так уродливо..кто то видимо пошуьтил про что что надо писать стили в js, а другие поверили..

еще уродливее заставить это понимать IDE

еще уродливее заставить это понимать IDE

а зачем тогда юзать, я чето не понимаю

а зачем тогда юзать, я чето не понимаю

Компонентный подход же, удобно. Я поюзал немного, мне понравилось.

Компонентный подход же, удобно. Я поюзал немного, мне понравилось.

типа все в одном файле?

Спасибо.

и вместо самописной сетки – юзай react-flexbox-grid

react-flexbox-grid+

типа все в одном файле?

нет, просто все аккуратно на компоненты разбито

типа все в одном файле?

можно в одном, если у тебя компонент не большой и стилей к нему не так много можно стили описывать отдельно рядом в файле styled.js

https://github.com/react-boilerplate/react-boilerplate мне вот тут нравится структуру, когда юзал, так примерно и придерживался

можно в одном, если у тебя компонент не большой и стилей к нему не так много можно стили описывать отдельно рядом в файле styled.js

в чем смысл в js писать именно, через интерполяцию?

и вместо самописной сетки – юзай react-flexbox-grid

ага.

вам что то в кофе подмешивают чтоли...отсыпьте мне тоже

вам что то в кофе подмешивают чтоли...отсыпьте мне тоже

Прост мешанина из js и jquery не актуально мну, вот пытаюсь уйти от этого...

Прост мешанина из js и jquery не актуально мну, вот пытаюсь уйти от этого...

чисто за css спросил, причем тут жиквери не понял

чисто за css спросил, причем тут жиквери не понял

css без js не катит, скучно.

css без js не катит, скучно.

мдэ..

Забавный диалог:D

и вместо самописной сетки – юзай react-flexbox-grid

я его прикрутить не смог, а этот из каропки...

yarn add react-flexbox-grid

готово

import { Grid, Row, Col } from 'react-flexbox-grid';

Нееее, поставить то смогу, у мну нету webpack.config.js

зачем он тебе._.? я тебе выше расписал что тебе нужно и это все.

Ну дык грю, не заработало... ну щас гляну ещё разок, мб руки кривые...

import { Grid, Row, Col } from 'react-flexbox-grid';

а можно количество колонок менять и отступы на разных брейкпонитах?

Да.

а можно количество колонок менять и отступы на разных брейкпонитах?

http://roylee0704.github.io/react-flexbox-grid/ вот лучше сам глянь что можно :) а то я сейчас ошибусь, потом стремно будет (9

Это обычная сетка flexbox-grid просто с реакт компонентами для удобства

Это обычная сетка flexbox-grid просто с реакт компонентами для удобства

удобство то как раз не вижу, так как брейкпоинты не найду

зачем он тебе._.? я тебе выше расписал что тебе нужно и это все.

Там вот это нуно, почему я и думал... { test: /\.css$/, loader: 'style-loader!css-loader', include: /flexboxgrid/ }

Там вот это нуно, почему я и думал... { test: /\.css$/, loader: 'style-loader!css-loader', include: /flexboxgrid/ }

не нужно

удобство то как раз не вижу, так как брейкпоинты не найду

тоестьнапример есть стандартные sm, lg , а если я например захоче переопределить брейкопинты или добавить в какой то компонент

https://github.com/roylee0704/react-flexbox-grid/issues/13 о

https://github.com/roylee0704/react-flexbox-grid/issues/13 о

шляпа какая то) пора переименовываться в jсss сообщество какое то

Нееее, поставить то смогу, у мну нету webpack.config.js

CRA

css без js не катит, скучно.

Кто то не умеет в css)

Кто то не умеет в css)

css умеет что-то запоминать? ассинхронные запросы? ну и т. д.

Как это зделать в Адаптив ? (((

ERROR: S client not available

Делал через Абсолют и трансформ все плывет к чертям собачим ((( Заказчик говорит CSS ONLY

Делаешь блок с overflow: auto, а в нем таблицу

Кто то не умеет в css)

ты не поверьшь, но 2/3 фронтеров css знают постольку поскольку, как только начинаются тонкости - все, треш ))

Как это зделать в Адаптив ? (((

посмотри пример тут https://getuikit.com/docs/table#responsive-table

а еще тут https://codepen.io/geoffyuen/pen/FCBEg

css умеет что-то запоминать? ассинхронные запросы? ну и т. д.

Css тебе и плитку дома не положит)

ты не поверьшь, но 2/3 фронтеров css знают постольку поскольку, как только начинаются тонкости - все, треш ))

Зато целые фронтэнды

да не говори...

фронтендов хватает как ?, потому я туда особо и не лезу, а вот хороших верстаков еще поискать, потому я среди них ))

сори, самопиар получился ))

да нет не пиар

ты реально тут помог все разы когда я спрашивал)

ты реально тут помог все разы когда я спрашивал)

и заметь. ни одного готового ответа недал, имхо это помогло много лучше, ведь это помогло тебе самому чему-то научится ) помогло же?

Комрады как бы реализовали такую штуку? Пробовал на chosen.js, сейчас autocomplete JQ ui все не то(( https://yadi.sk/i/m3ckudti3KwwLi тестовая http://mr-finance.tig-tag.ru/company-reviews.html

фронтендов хватает как ?, потому я туда особо и не лезу, а вот хороших верстаков еще поискать, потому я среди них ))

Верстаков пруд пруди. Их намного больше

ну к вёрстке я опосредованное отношение имею, ну я там получил ссылки на решение рпоблемы и собственно способ решения такого рода задач. А иногда и конкретное решение может помочь и быть понятым)

Да и если ты фронт и не знаешь версту, ты гавно фронт

Верстаков пруд пруди. Их намного больше

ага, прям зашквал, выше их работы как раз рассматривали со всех сторон )))

ага, прям зашквал, выше их работы как раз рассматривали со всех сторон )))

1 работу из миллиона верстаков? Мощно

Да и если ты фронт и не знаешь версту, ты гавно фронт

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

Значит он js разработчик

1 работу из миллиона верстаков? Мощно

тебе еще поискать? этого есть у меня )

Значит он js разработчик

на клиенте, это фронт)

Значит он js разработчик

до, но сам-то он себя фронтом называет!!

на клиенте, это фронт)

если кроме js для фронта ничегоне пишет, он все равно просто js-разраб

тебе еще поискать? этого есть у меня )

Ну найдёшь ты 20 работ школьников. И что? Я могу поискать на гитхабе гавнобекенд. Его тоже навалом. А факт остаётся фактом. Верстальщиков через чур дохуя

я про хороших верстальщиков

я про хороших верстальщиков

А с чего их должно быть меньше хороших фронтов?

чисто за css спросил, причем тут жиквери не понял

Ну там другой принцип работы стилей просто, если рассматривать допустим тот же styled-components, тебе не нужно париться с неймингом, сервер рендеринг есть и остальные плюшки от реакта + Грузится только то, что тебе нужно, а не фул css и зависимостей никаких

самое интересное вы все за качество типа, а клиенту пофиг, он как не понимал ваш css, ему лишь бы дешево и бысто. А то что у вас сетка на флексах или флоатах я думаю абсолютно параллельно

Верстаков пруд пруди. Их намного больше

Нормальных с опытом мало

Нормальных с опытом мало

Достаточно. Просто они не сидят в чатах, а работают