что у тебя не так?
Ща, сек.
Anonymous
Vladislav
Vladislav
Мне еще нужен бэк. Сильный. PHP хорошо, Питон еще лучше
Vladislav
В личку, если такие водятся)
Eugene
0xVoushi
toje ne ponial
Eugene
в ноде кстати тоже норм шаблонизаторы, хз чего вы
Eugene
На ноде кстати кайф писать, очень уж простая
AlekVolsk
бек на пыхе, cms
0xVoushi
👌
Anonymous
что у тебя не так?
Кароч есть готовый сайт, все стили оттуда, он рабочий, переделал только className, делаю два компонента,
class App extends Component {
render() {
return (
<div>
<Home />
<Rates />
</div>
);
}
}
export default App;
Стили:
.Home {
background: url(home.jpg) 100% 100% no-repeat;
overflow: hidden;
background-size: cover;
width: 100%;
min-height: 100%;
position: relative;
z-index: 1;
}
.Rates {
background-color: #ffffff;
min-height: 100%;
width: 100%;
position: relative;
z-index: 1;
}
Проблема с position: relative; если в .Home выставить position: absolute; То компонент <Home /> работает, но не работает <Rates /> если выставить этому компоненту абсолют, то он перекрывает первый компонент. Вроде-бы логично. На сайте я использовал <section></section> что-бы разделять, и это работало с position: relative; а тут никуа.
Eugene
Eugene
лол
AlekVolsk
смысл ноду поднимать, когда проект всего 20к?
AlekVolsk
95% сайтов на cms пишутся ))
Eugene
так и собираешься продолжать делать сайтики визитки/лэндосы?;)
Anonymous
и тебе вчера в js чатике про плзиционирование писали, вроде
Я учусь для себя, работать не планирую.
Anonymous
Хрень какая-то с позиционированием, по relative не пашет.... а абсолют не прально тут использовать...
AlekVolsk
так и собираешься продолжать делать сайтики визитки/лэндосы?;)
это вопрос мне? да, так и собираюсь, зато я делаю это с качеством, которое 99% присутствующих и близко не могут себе позволить
Eugene
Ради интересса покажи сами компоненты:)
0xVoushi
Кароч есть готовый сайт, все стили оттуда, он рабочий, переделал только className, делаю два компонента,
class App extends Component {
render() {
return (
<div>
<Home />
<Rates />
</div>
);
}
}
export default App;
Стили:
.Home {
background: url(home.jpg) 100% 100% no-repeat;
overflow: hidden;
background-size: cover;
width: 100%;
min-height: 100%;
position: relative;
z-index: 1;
}
.Rates {
background-color: #ffffff;
min-height: 100%;
width: 100%;
position: relative;
z-index: 1;
}
Проблема с position: relative; если в .Home выставить position: absolute; То компонент <Home /> работает, но не работает <Rates /> если выставить этому компоненту абсолют, то он перекрывает первый компонент. Вроде-бы логично. На сайте я использовал <section></section> что-бы разделять, и это работало с position: relative; а тут никуа.
так тебе вчера в реакт чатике все объяснили
ты структуру выстрой нормально
и класс нормально пропиши))
заюзай styled-components еще
0xVoushi
или в js чатике – да
Anonymous
так тебе вчера в реакт чатике все объяснили
ты структуру выстрой нормально
и класс нормально пропиши))
заюзай styled-components еще
Ну а смысл styled-components использовать, стили то я подключил в компонент, они есть.
AlekVolsk
заказать у профи, если не знаешь сам )
0xVoushi
Ну а смысл styled-components использовать, стили то я подключил в компонент, они есть.
лучше и удобнее
структуру тебе все равно надо переделывать
Anonymous
лучше и удобнее
структуру тебе все равно надо переделывать
Ну понятно, спасибо. Ща styled-components запробую, хотя сомневаюсь чото...
Eugene
Покажи сами компоненты еще.
Anonymous
Ща
0xVoushi
блееееееет background: url(home.jpg) 100% 100% no-repeat;
0xVoushi
дели bg на свойства
Eugene
мне еще интересно почему к Компоненту классы, а не в самом компоненте
Eugene
и почему они работают о_О
Anonymous
+
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>
);
}
}
Eugene
у тебя флексбоксы на styled-components :)
Eugene
То есть отдельно стили подключать никак?
Можно подключать. Ток это как-то все стремно выглядт
Eugene
Или нельзя, хз:D
Anonymous
Можно подключать. Ток это как-то все стремно выглядт
Ну ща, на styled-components перепишу, спасибо, что-то в голове стало проясняться...
Eugene
https://www.styled-components.com/docs/advanced#issues-with-specificity
Michael
Народ, кто по netcat спец?
Eugene
еще уродливее заставить это понимать IDE
Eugene
Компонентный подход же, удобно.
Я поюзал немного, мне понравилось.
Eugene
react-flexbox-grid+
Eugene
нет, просто все аккуратно на компоненты разбито
0xVoushi
можно в одном, если у тебя компонент не большой и стилей к нему не так много
можно стили описывать отдельно рядом в файле styled.js
Eugene
https://github.com/react-boilerplate/react-boilerplate мне вот тут нравится структуру, когда юзал, так примерно и придерживался
Anonymous
Прост мешанина из js и jquery не актуально мну, вот пытаюсь уйти от этого...
Anonymous
css без js не катит, скучно.
Eugene
Забавный диалог:D
Anonymous
и вместо самописной сетки – юзай react-flexbox-grid
я его прикрутить не смог, а этот из каропки...
Eugene
yarn add react-flexbox-grid
Eugene
готово
Eugene
import { Grid, Row, Col } from 'react-flexbox-grid';
Anonymous
Нееее, поставить то смогу, у мну нету webpack.config.js
Eugene
зачем он тебе._.?
я тебе выше расписал что тебе нужно и это все.
Anonymous
Ну дык грю, не заработало... ну щас гляну ещё разок, мб руки кривые...
Anonymous
Да.
Eugene
http://roylee0704.github.io/react-flexbox-grid/ вот лучше сам глянь что можно :)
а то я сейчас ошибусь, потом стремно будет (9
Eugene
Это обычная сетка flexbox-grid просто с реакт компонентами для удобства
Anonymous
зачем он тебе._.?
я тебе выше расписал что тебе нужно и это все.
Там вот это нуно, почему я и думал...
{
test: /\.css$/,
loader: 'style-loader!css-loader',
include: /flexboxgrid/
}
Eugene
Eugene
https://github.com/roylee0704/react-flexbox-grid/issues/13 о